:root{--bg-primary:#030712;--bg-secondary:#0b1528;--bg-card:#0f172a73;--bg-card-hover:#0f172abf;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-cyan:#06b6d4;--accent-cyan-rgb:6, 182, 212;--accent-indigo:#6366f1;--accent-indigo-rgb:99, 102, 241;--accent-purple:#a855f7;--border-color:#ffffff14;--border-color-hover:#06b6d44d;--accent-glow:0 0 20px #06b6d440;--accent-glow-strong:0 0 35px #6366f180;--font-primary:"Cabin", system-ui, sans-serif;--font-mono:"Fira Code", "Courier New", monospace;--transition-fast:.2s ease;--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.6s cubic-bezier(.4, 0, .2, 1);--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--glass-bg:#0f172a8c;--glass-border:#ffffff14;--glass-blur:blur(16px);--glass-shadow:0 8px 32px 0 #0000005e}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-primary);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#6366f14d}::-webkit-scrollbar-thumb:hover{background:#06b6d480}.glow-text-cyan{text-shadow:0 0 10px #06b6d480}.glow-text-indigo{text-shadow:0 0 10px #6366f180}.gradient-text{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-indigo), var(--accent-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-bg{background:linear-gradient(135deg,#06b6d41a,#6366f11a)}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-md)}.glass-panel-interactive{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-md);transition:all var(--transition-normal)}.glass-panel-interactive:hover{border-color:var(--border-color-hover);box-shadow:var(--accent-glow);transform:translateY(-4px)}body{background-color:var(--bg-primary);font-family:var(--font-primary);color:var(--text-primary);margin:0;padding:0;overflow-x:hidden}#root{flex-direction:column;width:100%;min-height:100vh;display:flex;position:relative}a{color:inherit;text-decoration:none}@keyframes pulseGlow{0%,to{opacity:.5}50%{opacity:.8;box-shadow:0 0 40px #06b6d466}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.floating{animation:6s ease-in-out infinite float}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}section{padding:80px 0;position:relative;overflow:hidden}@media (width<=768px){section{padding:60px 0}}.construction-container{width:100%;min-height:100vh;font-family:var(--font-primary);color:var(--text-primary);background:radial-gradient(circle,#1b1c20 0%,#0c0d10 65%,#020204 100%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.scene-viewport{perspective:1500px;z-index:10;justify-content:center;align-items:center;width:100%;max-width:700px;height:450px;display:flex}.construction-laptop-3d{width:440px;height:290px;transform-style:preserve-3d;transition:transform 2.5s cubic-bezier(.4,0,.2,1);position:relative;top:50px}.construction-laptop-lid{width:420px;height:270px;transform-style:preserve-3d;transform-origin:bottom;z-index:2;transition:transform 2.5s cubic-bezier(.4,0,.2,1);position:absolute;top:-125px;left:10px}.construction-laptop-lid.lid-open{transform:rotateX(-19deg)}.construction-laptop-lid.lid-closed{transform:rotateX(-100deg)translateZ(-7px)}.lid-edge-left,.lid-edge-right,.lid-edge-top{z-index:1;background:#18181b;border:1px solid #27272a;position:absolute}.lid-edge-left{width:4px;height:270px;top:0;left:-2px;transform:rotateY(-90deg)}.lid-edge-right{width:4px;height:270px;top:0;left:418px;transform:rotateY(90deg)}.lid-edge-top{width:420px;height:4px;top:-2px;left:0;transform:rotateX(90deg)}.construction-lid-back,.construction-lid-screen{backface-visibility:hidden;border-radius:14px;width:100%;height:100%;position:absolute}.construction-lid-back{background:linear-gradient(145deg,#27272a 0%,#09090b 100%);border:1px solid #3f3f46;justify-content:center;align-items:center;display:flex;transform:rotateY(180deg)translateZ(2px);box-shadow:inset 0 0 40px #000c,inset 0 1px #ffffff0d}.construction-lid-logo{font-family:var(--font-primary);color:#d4d4d8;text-shadow:0 -1px 1px #000c,0 1px 1px #ffffff26;opacity:.65;letter-spacing:2px;font-size:20px;font-weight:700}.construction-lid-screen{background:#000;border:8px solid #000;border-bottom-width:16px;transform:translateZ(2px);box-shadow:0 0 0 1px #ffffff1a,0 0 30px #0009}.construction-screen-inner{background:#000;border-radius:4px;width:100%;height:100%;position:relative;overflow:hidden}.construction-screen-glare{pointer-events:none;z-index:3;background:linear-gradient(45deg,#ffffff08 0%,#fff0 60%);width:200%;height:100%;position:absolute;top:0;left:0;transform:skew(-20deg)translate(-50%)}.construction-screen-camera{z-index:4;background:#1f2937;border-radius:50%;width:5px;height:5px;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.construction-screen-content{width:100%;height:100%;overflow:hidden}.screen-blank{background-color:#000;width:100%;height:100%}.screen-terminal{box-sizing:border-box;width:100%;height:100%;font-family:var(--font-mono);text-align:left;background-color:#18181b;flex-direction:column;justify-content:space-between;padding:24px;font-size:11px;line-height:1.6;display:flex}.terminal-log{flex-direction:column;gap:8px;display:flex}.log-line{color:var(--text-secondary);opacity:0;animation:.3s forwards logLineIn}.green-text{color:#10b981}.delay-1{animation-delay:.6s}.delay-2{animation-delay:1.2s}@keyframes logLineIn{to{opacity:1}}.terminal-progress-bar-container{align-items:center;gap:12px;display:flex}.terminal-progress-track{background:#ffffff0d;border-radius:3px;flex:1;height:6px;overflow:hidden;box-shadow:inset 0 1px 2px #00000080}.terminal-progress-bar{background:linear-gradient(90deg,#059669,#34d399);border-radius:3px;height:100%;transition:width 80ms linear;position:relative;box-shadow:0 0 10px #10b98199}.terminal-progress-bar:after{content:"";background:linear-gradient(90deg,#0000,#ffffff80,#0000);animation:1s ease-in-out infinite progressShine;position:absolute;inset:0}@keyframes progressShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-text{color:var(--accent-cyan);font-weight:500}.screen-welcome{box-sizing:border-box;background:#fff;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;animation:.6s ease-out screenFadeIn;display:flex}@keyframes screenFadeIn{0%{opacity:0}to{opacity:1}}.welcome-logo{object-fit:contain;width:36px;height:36px;margin-bottom:12px;animation:.5s cubic-bezier(.175,.885,.32,1.275) .2s backwards logoPop}@keyframes logoPop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.welcome-glow-dot{background-color:#0891b2;border-radius:50%;width:8px;height:8px;margin-bottom:16px;animation:2s ease-in-out infinite pulseWelcome;box-shadow:0 0 10px #0891b266}@keyframes pulseWelcome{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.welcome-heading{letter-spacing:-.5px;background:linear-gradient(135deg,#0f172a,#334155);-webkit-text-fill-color:transparent;text-shadow:0 1px 2px #0000000d;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:26px;font-weight:500}.welcome-divider{background:linear-gradient(90deg,#0000,#0891b2,#0000);width:60px;height:2px;margin-bottom:16px}.welcome-subtext{color:#334155;margin-bottom:4px;font-size:13.5px;font-weight:500}.welcome-countdown{color:#0891b2;letter-spacing:1px;font-size:12px;font-weight:700}.construction-laptop-hinge{z-index:1;background:#27272a;border-radius:6px;width:380px;height:10px;position:absolute;top:140px;left:30px;transform:translateZ(-2px);box-shadow:0 2px 4px #000000b3}.construction-laptop-base{width:440px;height:290px;transform-style:preserve-3d;transform-origin:top;position:absolute;top:145px;left:0;transform:rotateX(80deg)}.construction-base-top,.construction-base-bottom,.construction-base-front,.construction-base-left,.construction-base-right{position:absolute}.construction-base-top{background:#27272a;border-radius:14px;flex-direction:column;align-items:center;width:440px;height:290px;padding:16px;display:flex;transform:translateZ(5px);box-shadow:inset 0 0 20px #000c}.construction-keyboard-area{background:#000;border:none;border-radius:10px;width:380px;height:140px;margin-top:10px;padding:8px;box-shadow:inset 0 2px 6px #000c,0 1px #ffffff1a}.construction-keyboard-grid{flex-direction:column;gap:3px;display:flex}.construction-keyboard-row{gap:3px;display:flex}.construction-key{background:linear-gradient(#18181b 0%,#09090b 100%);border:none;border-radius:3px;flex:1;justify-content:center;align-items:center;height:22px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff1a,0 1px 2px #000000e6}.construction-key:after{content:"";opacity:.15;background-color:#e2f0ff;border-radius:1px;width:4px;height:1px}.construction-trackpad{background:#00000026;border:1px solid #0006;border-radius:5px;width:110px;height:75px;margin-top:20px;box-shadow:inset 0 1px 3px #0009,0 1px #ffffff0d}.construction-base-bottom{background:#09090b;border-radius:14px;width:440px;height:290px;transform:translateZ(-5px)rotateY(180deg);box-shadow:0 25px 50px #000000e6,0 0 40px #06b6d408}.construction-base-front{background:#18181b;border-bottom-right-radius:8px;border-bottom-left-radius:8px;width:440px;height:10px;top:285px;left:0;transform:rotateX(-90deg)}.construction-base-left{background:#18181b;border-top-left-radius:8px;border-bottom-left-radius:8px;width:10px;height:290px;top:0;left:-5px;transform:rotateY(-90deg)}.construction-base-right{background:#09090b;border-top-right-radius:8px;border-bottom-right-radius:8px;width:10px;height:290px;top:0;left:435px;transform:rotateY(90deg)}.construction-branding-footer{text-align:center;z-index:20;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.metallic-logo{font-family:var(--font-primary);text-transform:lowercase;letter-spacing:-1.5px;background:linear-gradient(145deg,#f8fafc 0%,#cbd5e1 20%,#64748b 40%,#e2e8f0 60%,#475569 80%,#f8fafc 100%) 0 0/200%;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px #000000b3)drop-shadow(0 0 1px #fff6);-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-size:38px;font-weight:800;animation:6s ease-in-out infinite metallicShine}@keyframes metallicShine{0%,to{background-position:0%}50%{background-position:100%}}.metallic-subtext{font-family:var(--font-primary);letter-spacing:3px;color:#64748b;text-shadow:0 1px 2px #000c;font-size:11px;font-weight:500}@media (width<=768px){.scene-viewport{height:350px;transform:scale(.8)}.construction-branding-footer{bottom:60px}}@media (width<=500px){.scene-viewport{height:300px;transform:scale(.65)}.construction-branding-footer{bottom:120px}}@media (width<=380px){.scene-viewport{height:250px;transform:scale(.55)}.construction-branding-footer{bottom:140px}}