@tailwind base;@tailwind components;@tailwind utilities;:root{--bg: #000000;--fg: #FFFFFF;--cobalt-gradient: linear-gradient(135deg, #0047AB, #00D4FF);--grid-line: rgba(148, 163, 184, .08);--font-sans: "Inter", sans-serif;--font-serif: "Playfair Display", serif;--font-mono: "JetBrains Mono", monospace}*{margin:0;padding:0;box-sizing:border-box;cursor:none}body{background-color:var(--bg);color:var(--fg);font-family:var(--font-sans);overflow-x:hidden;-webkit-font-smoothing:antialiased;min-height:100vh}.sans-bold{font-family:var(--font-sans);font-weight:900;text-transform:uppercase;letter-spacing:-.04em}.serif-italic{font-family:var(--font-serif);font-weight:900;font-style:italic}h1 strong,h2 strong,h3 strong{color:inherit!important}#custom-cursor{position:fixed;width:20px;height:20px;border-radius:50%;pointer-events:none;z-index:100000;left:50%;top:50%;margin-left:-10px;margin-top:-10px;background:transparent;border:2px solid #00D4FF;box-shadow:0 0 15px #0047ab99,0 0 30px #00d4ff4d;transition:transform .1s ease}.grid-bg{position:fixed;top:0;left:0;width:100%;min-height:100vh;pointer-events:none;z-index:0;background-color:var(--bg);background-image:linear-gradient(to bottom,rgba(148,163,184,.15) 1px,transparent 1px),linear-gradient(to right,rgba(148,163,184,.15) 1px,transparent 1px);background-size:100% 120px,120px 100%}#studioCanvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}nav{position:fixed;top:0;left:0;right:0;display:flex;justify-content:center;align-items:center;padding:20px 40px;z-index:100;background:rgba(0,0,0,.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1)}.logo{display:flex;align-items:baseline;gap:0;color:#fff;text-decoration:none}.logo-sans{font-weight:900;font-size:1.5rem;letter-spacing:-.05em;text-transform:uppercase}.logo-serif{font-family:var(--font-serif);font-weight:900;font-style:italic;font-size:1.5rem}.logo-dot{color:#0047ab;font-weight:900;font-size:1.5rem;margin-left:1px}.nav-links{display:flex;gap:40px;font-size:11px;font-weight:400;text-transform:uppercase;letter-spacing:.15em}.nav-dropdown{position:relative}.nav-dropdown>span{color:var(--fg);opacity:.6;transition:all .3s ease;position:relative;display:flex;align-items:center;gap:6px}.nav-dropdown>span:after{content:"▾";font-size:10px;opacity:.5;transition:transform .3s ease}.nav-dropdown:hover>span{opacity:1}.nav-dropdown:hover>span:after{transform:rotate(180deg)}.nav-dropdown>span:before{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(90deg,#0047AB,#00FFFF);transition:width .3s ease}.nav-dropdown:hover>span:before{width:100%}.dropdown-menu{position:absolute;top:100%;left:0;margin-top:16px;background:rgba(0,0,0,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:12px 0;min-width:200px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:101;box-shadow:0 10px 40px #00000080}.nav-dropdown:last-child .dropdown-menu{left:auto;right:0}.nav-dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu a{display:block;padding:10px 24px;text-decoration:none;color:var(--fg);opacity:.6;font-size:11px;text-transform:uppercase;letter-spacing:.15em;transition:all .3s ease;white-space:nowrap}.dropdown-menu a:hover{opacity:1;background:rgba(0,212,255,.1);color:#00d4ff}html,body,#root{min-height:100vh;height:100%}.page-container{position:relative;z-index:10;display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;padding-top:80px}.split-layout{display:flex;flex-direction:column;flex-grow:1;justify-content:center;align-items:flex-start;text-align:left;max-width:1300px;margin:0 auto;width:100%;padding:40px}.btn{display:inline-flex;align-items:center;padding:24px 48px;background:rgba(255,255,255,.08);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);color:var(--fg);text-decoration:none;font-family:var(--font-sans);font-size:11px;font-weight:400;text-transform:uppercase;letter-spacing:.15em;transition:all .3s ease;border-radius:4px}.btn:hover{background:rgba(255,255,255,.15);border-color:#00d4ff;box-shadow:0 0 30px #00d4ff33;color:#fff}.hero-content h1{font-size:clamp(3rem,6vw,7rem);line-height:.9}.hero-subcontent{width:100%;max-width:none;margin-top:60px;display:flex;flex-direction:column;gap:40px}.hero-subcontent .subheadline,.hero-subcontent .body-text{max-width:none}.subheadline{font-size:1.75rem;line-height:1.2;font-weight:400}.subheadline strong{font-weight:900;text-decoration:underline;text-decoration-color:#0047ab}.body-text{font-size:1rem;line-height:1.6;max-width:100%;opacity:.6}.glitch-scene{perspective:1000px;width:240px;height:240px;margin:0 auto;position:relative}.glitch-cube{width:100%;height:100%;position:relative;transform-style:preserve-3d;animation:spin-cube 15s infinite linear}.glitch-cube:hover{animation:spin-cube 15s infinite linear}.cube-face{position:absolute;width:240px;height:240px;border:2px solid rgba(0,212,255,.5);background:rgba(0,71,171,.05);box-shadow:inset 0 0 30px #0047ab33,0 0 10px #00d4ff33;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.face-front{transform:rotateY(0) translateZ(120px)}.face-back{transform:rotateY(180deg) translateZ(120px)}.face-right{transform:rotateY(90deg) translateZ(120px)}.face-left{transform:rotateY(-90deg) translateZ(120px)}.face-top{transform:rotateX(90deg) translateZ(120px)}.face-bottom{transform:rotateX(-90deg) translateZ(120px)}@keyframes spin-cube{0%{transform:rotateX(0) rotateY(0) rotate(0)}to{transform:rotateX(360deg) rotateY(720deg) rotate(180deg)}}.type-reveal-text{display:inline;position:relative}.type-reveal-text .type-text{display:inline;clip-path:inset(0 100% 0 0);animation:typewriter-clip 1.2s steps(17) .5s forwards}.type-reveal-text.animate .type-text{animation:typewriter-clip 1.2s steps(17) .5s forwards}.type-reveal-text .caret{display:inline;border-right:2px solid #0047AB;margin-left:0}.type-reveal-text.animate .caret{animation:blink-caret-border .75s step-end infinite}.type-reveal-text.animate.complete .caret{border-right-color:transparent;animation:none}@keyframes typewriter-clip{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.home-section{position:relative;min-height:auto;padding:180px 40px;display:flex;flex-direction:column;max-width:1300px;margin:0 auto;width:100%;justify-content:center}.section-main h2{font-size:clamp(2.5rem,5vw,5rem);line-height:.95;margin-bottom:30px}.section-intro{font-size:1.25rem;line-height:1.5;opacity:.6;max-width:100%;margin-bottom:40px}.grid-cards{display:grid;gap:30px;grid-template-columns:1fr;width:100%;margin-top:60px}@media (min-width: 768px){.grid-cards{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}.info-card{background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:30px;position:relative;transition:all .3s ease}.info-card:hover{border-color:#00d4ff80;background:rgba(0,212,255,.05);transform:translateY(-5px)}.info-card h3{font-family:var(--font-sans);font-size:1.25rem;font-weight:700;margin-bottom:15px;display:flex;align-items:center;gap:10px}.info-card h3:hover{color:#00d4ff}.info-card p{font-size:1rem;line-height:1.6;opacity:.7}.site-footer{position:relative;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1);padding:60px 40px;z-index:100;margin-top:auto;width:100%}#root{display:flex;flex-direction:column}.page-container{flex:1;display:flex;flex-direction:column}main{flex:1 0 auto;width:100%;display:flex;flex-direction:column}.site-footer{flex-shrink:0;margin-top:auto;position:relative;width:100%}.footer-layout{max-width:1300px;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px}.footer-col-title{font-family:var(--font-sans);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.15em;opacity:1;margin-bottom:12px;display:block;color:#fff}.footer-column a{display:block;font-family:var(--font-sans);font-size:11px;font-weight:400;text-transform:uppercase;letter-spacing:.12em;color:var(--fg);opacity:.5;text-decoration:none;transition:all .3s ease;margin-bottom:8px}.footer-column a:hover{opacity:1;color:#00d4ff}@keyframes floatUpPop{0%{transform:translateY(0) scale(.8);opacity:0}20%{transform:translateY(-10px) scale(1.2);opacity:1}to{transform:translateY(-30px) scale(1);opacity:0}}.scroll-reveal-up{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.16,1,.3,1)}.scroll-reveal-up.reveal{opacity:1;transform:translateY(0)}@media (max-width: 768px){body{font-size:14px}.split-layout{padding:40px 20px 20px}.home-section{padding:80px 20px}.hero-content h1{font-size:clamp(2.5rem,10vw,4rem)}.section-main h2{font-size:clamp(2rem,8vw,3rem)}nav{padding:15px 20px}.footer-layout{flex-direction:column;gap:30px}.btn{padding:18px 32px;width:100%;text-align:center;justify-content:center}}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;background:rgba(0,0,0,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:90;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;opacity:0;pointer-events:none;transition:opacity .4s ease;overflow-y:auto;padding-top:100px;padding-bottom:60px}.mobile-menu-overlay.open{opacity:1;pointer-events:auto}.mobile-nav-links{display:flex;flex-direction:column;gap:20px;text-align:center;transform:translateY(20px);transition:transform .4s cubic-bezier(.16,1,.3,1)}.mobile-menu-overlay.open .mobile-nav-links{transform:translateY(0)}.mobile-nav-item{font-size:18px;text-transform:uppercase;letter-spacing:.15em;color:var(--fg);text-decoration:none;opacity:.7;transition:all .2s ease}.mobile-nav-item.header{font-weight:700;color:#00d4ff;font-size:11px;margin-bottom:-10px;margin-top:10px;opacity:1}.mobile-nav-item:active,.mobile-nav-item:hover{opacity:1;color:#fff}.hamburger-btn{background:transparent;border:none;cursor:pointer;display:flex;flex-direction:column;gap:6px;z-index:101;padding:10px}.hamburger-line{width:24px;height:2px;background:white;transition:all .3s ease}.hamburger-btn.open .hamburger-line:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger-btn.open .hamburger-line:nth-child(2){opacity:0}.hamburger-btn.open .hamburger-line:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
