/* DeFiSense Logo Styles */
:root {
    --primary-gradient: linear-gradient(45deg, #FF6B6B, #FF8E53);
    --accent-gradient: linear-gradient(45deg, #FF3366, #FF8E53);
    --cube-front: #FF6B6B;
    --cube-back: #FF8E53;
    --cube-left: #FF7F6B;
    --cube-right: #FF7A53;
    --cube-top: #FF9B6B;
    --cube-bottom: #FF6B53;
}

.logo-symbol {
    width: 32px;
    height: 32px;
    position: relative;
    flex-shrink: 0;
}

.network-container {
    position: absolute;
    width: 100%;
    height: 100%;
    perspective: 800px;
    transform-style: preserve-3d;
    transform: rotateX(5deg);
}

.cube {
    position: absolute;
    width: 8px;
    height: 8px;
    transform-style: preserve-3d;
    transform: rotateX(-35deg) rotateY(45deg);
}

.cube-face {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: visible;
    opacity: 0.9;
}

.cube-front {
    transform: translateZ(4px);
    background: var(--cube-front);
}

.cube-back {
    transform: translateZ(-4px) rotateY(180deg);
    background: var(--cube-back);
}

.cube-left {
    transform: translateX(-4px) rotateY(-90deg);
    background: var(--cube-left);
}

.cube-right {
    transform: translateX(4px) rotateY(90deg);
    background: var(--cube-right);
}

.cube-top {
    transform: translateY(-4px) rotateX(90deg);
    background: var(--cube-top);
}

.cube-bottom {
    transform: translateY(4px) rotateX(-90deg);
    background: var(--cube-bottom);
}

.cube-1 { 
    top: 50%;   
    left: 50%;   
    scale: 3.7; 
}

.logo-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.text-defi {
    font-size: 24px;
    font-weight: 900;
    margin: 0;
    line-height: 1;
    letter-spacing: -1px;
    background: var(--primary-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.text-sense {
    font-size: 24px;
    font-weight: 900;
    margin: 0;
    line-height: 1;
    letter-spacing: -1px;
    background: var(--accent-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}