@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700;900&family=Orbitron:wght@500;700;900&family=Fira+Code:wght@400;500&display=swap');
        
        *{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
        html, body {
            width: 100%;
            min-height: 100%;
            background: #000;
            color: #fff;
            font-family: 'Cinzel', serif;
            overflow-x: hidden;
            scroll-behavior: smooth;
        }
        canvas {position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;}
        .nebula {
            position: fixed;
            inset: 0;
            animation: shift 16s infinite alternate ease-in-out;
            background: radial-gradient(circle at 40% 60%, rgba(0,191,255,0.16), transparent 60%);
            z-index: 1; pointer-events: none;
        }
        .overlay {
            position: fixed;
            inset: 0;
            background: linear-gradient(to bottom, rgba(8,0,20,0.7), rgba(0,0,0,0.97));
            z-index: 2; pointer-events: none;
        }
        @keyframes shift {0%{transform:translate(0,0);} 100%{transform:translate(-8%,-5%);}}
        
        .navbar {
            position: fixed;
            top: 0; left: 0; right: 0;
            z-index: 100;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
            gap: 1.2rem;
            padding: 0.9rem 1rem;
            background: rgba(0,0,0,0.8);
            backdrop-filter: blur(14px);
            border-bottom: 1px solid rgba(0,220,255,0.18);
        }
        .navbar a {
            color: #a0d0ff;
            text-decoration: none;
            font-family: 'Orbitron';
            font-size: clamp(0.68rem, 1.8vw, 0.85rem);
            letter-spacing: 1px;
            text-transform: uppercase;
            transition: color .3s;
            white-space: nowrap;
        }
        .navbar a:hover {color: #ffd700;}
        .lang-select {
            background: rgba(0,255,255,0.08);
            border: 1px solid rgba(0,255,255,0.3);
            color: #ffd700;
            font-family: 'Orbitron';
            font-size: 0.72rem;
            padding: 0.35rem 0.6rem;
            border-radius: 5px;
            cursor: pointer;
            margin-left: 0.5rem;
        }
        
        header {
            text-align: center;
            position: relative;
            z-index: 5;
            padding: 130px 5% 50px;
        }
        header h1 {
          font-size: clamp(2.8rem, 8.5vw, 5.5rem);
            background: linear-gradient(90deg, #00ffff, #ffd700, #ff1493);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            text-shadow: 0 0 35px rgba(0,255,255,0.3);
        }
        header h1 span {font-size:0.55em; vertical-align: super; color:#ffd700;}
        header p {
            font-family: 'Orbitron';
            letter-spacing: 2.2px;
            margin-top: 1rem;
            color: #b0e0ff;
            font-size: clamp(0.85rem, 2.8vw, 1.05rem);
        }
        
        .section {
            position: relative;
            z-index: 5;
            padding: 2rem 5%;
            max-width: 1400px;
            margin: 0 auto;
        }
        .col {
            background: rgba(255,255,255,0.04);
            border: 1px solid rgba(0,255,255,0.16);
            border-radius: 20px;
            padding: 2.5rem 2rem;
            margin-bottom: 2.5rem;
            backdrop-filter: blur(10px);
            display: flex;
            flex-direction: column;
        }
        .col h2 {
            font-family: 'Orbitron';
            font-size: clamp(1.4rem, 3.2vw, 1.7rem);
            color: #7af0ff;
            margin-bottom: 1.4rem;
            letter-spacing: 3px;
            text-transform: uppercase;
        }
        .col p {
            line-height: 1.8;
            font-size: clamp(0.92rem, 2.1vw, 1.05rem);
            color: #e0e0e0;
            text-align: justify;
        }
        .col b {color: #ffd700;}

        .json-block {
            background: rgba(0, 40, 60, 0.4);
            border: 1px solid rgba(0, 220, 255, 0.2);
            border-radius: 12px;
            padding: 1.5rem;
            margin-top: 1.8rem;
            font-family: 'Fira Code', monospace;
            font-size: 0.85rem;
            color: #a0f0ff;
            line-height: 1.6;
            box-shadow: inset 0 0 20px rgba(0,0,0,0.5);
        }
        .json-key { color: #7af0ff; font-weight: bold; }
        .json-string { color: #ffd700; }

        .infinity-block {text-align:center; margin:5rem 0; position:relative; z-index:5;}
        .infinity {font-size: clamp(6rem, 20vw, 10rem); color:#7af0ff; animation:glowInf 5s infinite;}
        .quote-box {
            min-height:110px;
            padding:1rem 2rem;
            font-size: clamp(1rem, 2.8vw, 1.3rem);
            color:#ffd700;
            font-style:italic;
            opacity:0;
            transition:opacity 1.2s;
            max-width:800px;
            margin:1.5rem auto;
        }
        .quote-box.visible {opacity:1;}
        
        .signature {
            text-align:center;
            font-family:'Orbitron';
            color:#ffd700;
            font-size:2.2rem;
            letter-spacing:6px;
            margin:3rem 0 4rem;
            position:relative; z-index:5;
        }
        
        footer {
            text-align:center;
            padding:4rem 1rem 2rem;
            font-family:'Orbitron';
            font-size:0.8rem;
            color:#666;
            position:relative; z-index:5;
        }
        
        #manifestoModal, #cosmicCalcModal {
            display:none;
            position:fixed;
            inset:0;
            background:rgba(0,0,0,0.94);
            backdrop-filter:blur(18px);
            z-index:200;
            overflow-y:auto;
            padding:1.5rem;
        }
        #manifestoContent, #calcContent {
            background:rgba(15,15,25,0.97);
            border:1px solid rgba(0,255,255,0.25);
            border-radius:20px;
            padding:2.5rem;
            max-width:820px;
            margin:3rem auto;
            position:relative;
        }
        .close-btn {
            position:absolute;
            top:1rem; right:1.5rem;
            background:none;
            border:none;
            color:#7af0ff;
            font-size:2.5rem;
            cursor:pointer;
        }
        
        .cc-input {
            width: 100%;
            background: rgba(255,255,255,0.06);
            border: 1px solid rgba(0,255,255,0.25);
            border-radius: 8px;
            padding: 0.8rem;
            color: #fff;
            font-family: 'Fira Code', monospace;
            font-size: 0.9rem;
            margin-bottom: 1rem;
        }
        .cc-input::placeholder { color: rgba(122, 240, 255, 0.4); }

        #calcMeaningBtn {
            width: 100%;
            padding: 1rem;
            border-radius: 12px;
            border: 1px solid #0ff;
            background: rgba(0,255,255,0.1);
            color: #ffd700;
            font-family: 'Orbitron';
            font-weight: bold;
            cursor: pointer;
            transition: all 0.3s;
        }
        #calcMeaningBtn:hover { background: rgba(0,255,255,0.25); text-shadow: 0 0 10px #ffd700; }

        @media (min-width:1200px) {
            .section {display:flex; gap:2rem; align-items: stretch;}
            .col {flex:1; margin-bottom:0;}
        }
        @media (max-width: 768px) {
            .navbar { gap: 0.9rem; padding: 0.8rem 0.8rem; justify-content: space-around; }
            .navbar a { font-size: 0.72rem; }
        }
        @keyframes glowInf {0%,100%{text-shadow:0 0 25px #7af0ff;} 50%{text-shadow:0 0 55px #ffd700;}}
		#researchModal {
  overscroll-behavior: contain;
}
.dropdown{
position:relative;
}

.dropdown-menu{
display:none;
position:absolute;
top:100%;
left:0;
background:rgba(0,0,0,0.9);
border:1px solid rgba(0,220,255,0.2);
padding:8px 0;
}

.dropdown-menu a{
display:block;
padding:6px 14px;
font-size:0.7rem;
}

.dropdown:hover .dropdown-menu,
.dropdown:focus-within .dropdown-menu{
display:block;
}

@media (max-width:768px){

header{
padding-top:170px;
}

}
#sanctumModal{
display:none;
position:fixed;
inset:0;
background:rgba(0,0,0,0.94);
backdrop-filter:blur(18px);
z-index:220;
overflow-y:auto;
padding:1.5rem;
}

#sanctumContent{
background:rgba(15,15,25,0.97);
border:1px solid rgba(0,255,255,0.25);
border-radius:20px;
padding:2.5rem;
max-width:700px;
margin:3rem auto;
position:relative;
}

#quanticaModal{
display:none;
position:fixed;
inset:0;
background:rgba(0,0,0,0.94);
backdrop-filter:blur(18px);
z-index:220;
padding:1.5rem;
overflow-y:auto;
}
#quanticaEnter{
display:block;
padding:16px;
border:1px solid rgba(0,255,255,.35);
border-radius:12px;
text-decoration:none;
color:#7af0ff;
font-family:'Orbitron';
text-align:center;
letter-spacing:1px;
background:rgba(0,255,255,.05);
transition:.3s;
}

#quanticaEnter:hover{
background:rgba(0,255,255,.2);
color:#ffd700;
}


#quanticaContent{
background:rgba(15,15,25,0.97);
border:1px solid rgba(0,255,255,0.25);
border-radius:20px;
padding:2.5rem;
max-width:700px;
margin:3rem auto;
position:relative;
}