[data-vibe=classic]{--od-primary: #1a3a4a;--od-primary-hover: #0f2a38;--od-primary-soft: rgba(26, 58, 74, .06);--od-primary-glow: rgba(26, 58, 74, .1);--od-accent: #6b8fa3;--od-accent-soft: rgba(107, 143, 163, .08);--od-primary-end: #2a5a6e;--od-primary-mid: #3a7a90;--particle-color: 26, 58, 74;--particle-alpha: .06;--line-alpha: .03;--glow-1: rgba(26, 58, 74, .04);--glow-2: rgba(107, 143, 163, .03);--glass-bg: rgba(255, 255, 255, .75);--glass-bg-card: rgba(255, 255, 255, .85);--glass-blur: 12px}[data-vibe=classic][data-theme=dark]{--od-primary: #7ab0c8;--od-primary-hover: #8ec4dc;--od-primary-soft: rgba(122, 176, 200, .08);--od-primary-glow: rgba(122, 176, 200, .12);--od-accent: #a0c4d4;--od-accent-soft: rgba(160, 196, 212, .08);--particle-color: 122, 176, 200;--particle-alpha: .08;--line-alpha: .04;--glow-1: rgba(122, 176, 200, .06);--glow-2: rgba(160, 196, 212, .04)}[data-vibe=cyberpunk]{--od-bg: #0a0a12;--od-bg-gradient: linear-gradient(135deg, #0a0a12 0%, #12081a 50%, #080a14 100%);--od-surface: #14121e;--od-surface-alt: #1c1828;--od-text: #e0e0f0;--od-text-muted: #9898b8;--od-text-subtle: #6868a0;--od-border: rgba(255, 0, 200, .1);--od-border-strong: rgba(255, 0, 200, .2);--od-primary: #ff00c8;--od-primary-hover: #ff40d8;--od-primary-soft: rgba(255, 0, 200, .1);--od-primary-glow: rgba(255, 0, 200, .25);--od-accent: #00f0ff;--od-accent-soft: rgba(0, 240, 255, .1);--od-primary-end: #c000ff;--od-primary-mid: #00f0ff;--glass-bg: rgba(20, 18, 30, .7);--glass-bg-card: rgba(20, 18, 30, .85);--glass-border: rgba(255, 0, 200, .08);--glass-shadow: 0 8px 32px rgba(255, 0, 200, .08);--glass-shadow-lg: 0 24px 80px rgba(255, 0, 200, .12);--glass-blur: 24px;--glass-inset: inset 0 1px 0 rgba(255, 0, 200, .08);--input-bg: rgba(255, 0, 200, .05);--input-bg-focus: rgba(255, 0, 200, .1);--focus-shadow: 0 0 0 3px rgba(255, 0, 200, .2), 0 4px 20px rgba(255, 0, 200, .15);--btn-hover-shadow: 0 8px 30px rgba(255, 0, 200, .4);--separator: rgba(255, 0, 200, .06);--particle-color: 255, 0, 200;--particle-alpha: .25;--line-alpha: .1;--glow-1: rgba(255, 0, 200, .15);--glow-2: rgba(0, 240, 255, .1);--dark-bg: #060610;--dark-surface: rgba(255, 0, 200, .04);--dark-border: rgba(255, 0, 200, .1);--dark-text: #e0e0f0;--dark-text-muted: rgba(255, 255, 255, .5);--od-success: #00ff88;--od-success-soft: rgba(0, 255, 136, .1);--od-error: #ff4060;--od-error-soft: rgba(255, 64, 96, .1)}[data-vibe=cyberpunk][data-theme=light]{--od-bg: #0a0a12;--od-bg-gradient: linear-gradient(135deg, #0a0a12 0%, #12081a 50%, #080a14 100%);--od-surface: #14121e;--od-surface-alt: #1c1828;--od-text: #e0e0f0;--od-text-muted: #9898b8;--od-text-subtle: #6868a0}[data-vibe=vintage]{--od-bg: #f5efe0;--od-bg-gradient: linear-gradient(135deg, #f5efe0 0%, #ebe2cc 50%, #f0e8d4 100%);--od-surface: #faf6ed;--od-surface-alt: #ede5d2;--od-text: #3a2e20;--od-text-muted: #6b5a45;--od-text-subtle: #9a8a70;--od-border: rgba(90, 60, 30, .1);--od-border-strong: rgba(90, 60, 30, .18);--od-primary: #8b5e3c;--od-primary-hover: #6d4830;--od-primary-soft: rgba(139, 94, 60, .08);--od-primary-glow: rgba(139, 94, 60, .15);--od-accent: #b8860b;--od-accent-soft: rgba(184, 134, 11, .08);--od-primary-end: #a0724a;--od-primary-mid: #c49060;--glass-bg: rgba(250, 246, 237, .65);--glass-bg-card: rgba(250, 246, 237, .8);--glass-border: rgba(139, 94, 60, .12);--glass-shadow: 0 8px 32px rgba(90, 60, 30, .08);--glass-shadow-lg: 0 24px 80px rgba(90, 60, 30, .1);--glass-blur: 16px;--glass-inset: inset 0 1px 0 rgba(255, 255, 255, .5);--btn-hover-shadow: 0 8px 30px rgba(139, 94, 60, .3);--particle-color: 139, 94, 60;--particle-alpha: .1;--line-alpha: .04;--glow-1: rgba(139, 94, 60, .08);--glow-2: rgba(184, 134, 11, .06);--dark-bg: #1a1408;--dark-surface: rgba(184, 134, 11, .05);--dark-border: rgba(184, 134, 11, .1);--dark-text: #f0e8d4;--dark-text-muted: rgba(240, 232, 212, .55)}[data-vibe=vintage][data-theme=dark]{--od-bg: #1a1408;--od-bg-gradient: linear-gradient(135deg, #1a1408 0%, #221a0e 50%, #181210 100%);--od-surface: #241c10;--od-surface-alt: #2e2418;--od-text: #ede0c8;--od-text-muted: #b0a080;--od-text-subtle: #806840;--od-primary: #c89060;--od-primary-hover: #d8a070;--od-accent: #daa520;--particle-color: 200, 144, 96;--particle-alpha: .15;--glow-1: rgba(200, 144, 96, .1);--glow-2: rgba(218, 165, 32, .08)}[data-vibe=nature]{--od-bg: #f0f5ef;--od-bg-gradient: linear-gradient(135deg, #f0f5ef 0%, #e4ede2 50%, #eaf2e8 100%);--od-surface: #f8faf7;--od-surface-alt: #e8f0e6;--od-text: #1a2e1a;--od-text-muted: #3d5a3d;--od-text-subtle: #6a8a6a;--od-border: rgba(30, 80, 30, .08);--od-border-strong: rgba(30, 80, 30, .14);--od-primary: #2d6a2d;--od-primary-hover: #1e4e1e;--od-primary-soft: rgba(45, 106, 45, .08);--od-primary-glow: rgba(45, 106, 45, .15);--od-accent: #8b6914;--od-accent-soft: rgba(139, 105, 20, .08);--od-primary-end: #3a8a3a;--od-primary-mid: #4aaa4a;--glass-bg: rgba(248, 250, 247, .6);--glass-bg-card: rgba(248, 250, 247, .75);--glass-border: rgba(45, 106, 45, .1);--glass-shadow: 0 8px 32px rgba(30, 80, 30, .06);--glass-shadow-lg: 0 24px 80px rgba(30, 80, 30, .08);--glass-blur: 18px;--glass-inset: inset 0 1px 0 rgba(255, 255, 255, .55);--btn-hover-shadow: 0 8px 30px rgba(45, 106, 45, .3);--particle-color: 45, 106, 45;--particle-alpha: .1;--line-alpha: .04;--glow-1: rgba(45, 106, 45, .08);--glow-2: rgba(139, 105, 20, .05);--dark-bg: #0a140a;--dark-surface: rgba(45, 106, 45, .05);--dark-border: rgba(45, 106, 45, .1);--dark-text: #e0f0e0;--dark-text-muted: rgba(224, 240, 224, .55)}[data-vibe=nature][data-theme=dark]{--od-bg: #0a140a;--od-bg-gradient: linear-gradient(135deg, #0a140a 0%, #0e1a0e 50%, #081208 100%);--od-surface: #122012;--od-surface-alt: #1a2c1a;--od-text: #d0e8d0;--od-text-muted: #80b080;--od-text-subtle: #508050;--od-primary: #4aaa4a;--od-primary-hover: #60c060;--od-accent: #c8a030;--particle-color: 74, 170, 74;--particle-alpha: .18;--glow-1: rgba(74, 170, 74, .12);--glow-2: rgba(200, 160, 48, .08)}[data-vibe=luxury]{--od-bg: #0c0a08;--od-bg-gradient: linear-gradient(135deg, #0c0a08 0%, #14100a 50%, #100c08 100%);--od-surface: #1a1610;--od-surface-alt: #221c14;--od-text: #f0e8d8;--od-text-muted: #b0a088;--od-text-subtle: #807060;--od-border: rgba(212, 175, 55, .1);--od-border-strong: rgba(212, 175, 55, .18);--od-primary: #d4af37;--od-primary-hover: #e0c050;--od-primary-soft: rgba(212, 175, 55, .1);--od-primary-glow: rgba(212, 175, 55, .2);--od-accent: #f0d060;--od-accent-soft: rgba(240, 208, 96, .1);--od-primary-end: #e0c050;--od-primary-mid: #f0d060;--glass-bg: rgba(26, 22, 16, .7);--glass-bg-card: rgba(26, 22, 16, .85);--glass-border: rgba(212, 175, 55, .1);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .3);--glass-shadow-lg: 0 24px 80px rgba(0, 0, 0, .4);--glass-blur: 24px;--glass-inset: inset 0 1px 0 rgba(212, 175, 55, .08);--input-bg: rgba(212, 175, 55, .05);--input-bg-focus: rgba(212, 175, 55, .1);--focus-shadow: 0 0 0 3px rgba(212, 175, 55, .15), 0 4px 20px rgba(212, 175, 55, .2);--btn-hover-shadow: 0 8px 30px rgba(212, 175, 55, .35);--separator: rgba(212, 175, 55, .06);--particle-color: 212, 175, 55;--particle-alpha: .2;--line-alpha: .08;--glow-1: rgba(212, 175, 55, .12);--glow-2: rgba(240, 208, 96, .08);--dark-bg: #060504;--dark-surface: rgba(212, 175, 55, .04);--dark-border: rgba(212, 175, 55, .08);--dark-text: #f0e8d8;--dark-text-muted: rgba(240, 232, 216, .5);--od-success: #50c878;--od-success-soft: rgba(80, 200, 120, .1);--od-error: #e05040;--od-error-soft: rgba(224, 80, 64, .1)}[data-vibe=luxury][data-theme=light]{--od-bg: #0c0a08;--od-bg-gradient: linear-gradient(135deg, #0c0a08 0%, #14100a 50%, #100c08 100%);--od-surface: #1a1610;--od-surface-alt: #221c14;--od-text: #f0e8d8;--od-text-muted: #b0a088;--od-text-subtle: #807060}.vibe-intro{position:fixed;inset:0;z-index:9999;pointer-events:none;overflow:hidden}.vibe-intro.is-done{display:none}.vibe-intro--futuristic{background:#0a1014}.vibe-intro--futuristic .vi-scanline{position:absolute;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,rgba(31,78,95,.8),transparent);box-shadow:0 0 30px #1f4e5f80;animation:viScanDown 1.2s ease-in-out forwards}.vibe-intro--futuristic .vi-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(31,78,95,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(31,78,95,.06) 1px,transparent 1px);background-size:40px 40px;opacity:0;animation:viGridIn .6s ease-out .3s forwards}.vibe-intro--futuristic .vi-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font:700 clamp(2rem,6vw,4.5rem)/1 system-ui,sans-serif;letter-spacing:.15em;color:#1f4e5f00;text-shadow:0 0 40px rgba(31,78,95,.3);animation:viTextBoot .8s ease-out .5s forwards}.vibe-intro--futuristic .vi-fade{position:absolute;inset:0;background:#0a1014;opacity:0;animation:viFadeOut .6s ease-in 1.6s forwards}@keyframes viScanDown{0%{top:0;opacity:1}to{top:100%;opacity:.3}}@keyframes viGridIn{0%{opacity:0}to{opacity:1}}@keyframes viTextBoot{0%{color:#1f4e5f00;letter-spacing:.5em;filter:blur(10px)}50%{color:#1f4e5fcc;filter:blur(0)}80%{color:#1f4e5f;letter-spacing:.15em}85%{color:#fff}to{color:#1f4e5fe6;letter-spacing:.15em;filter:blur(0)}}@keyframes viFadeOut{0%{opacity:0}40%{opacity:1}to{opacity:1}}.vibe-intro--classic{background:#f6f5f0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1.5rem}[data-theme=dark] .vibe-intro--classic{background:#0c1214}.vibe-intro--classic .vi-logo{font:700 clamp(1.5rem,4vw,2.5rem)/1 system-ui,sans-serif;letter-spacing:.1em;color:#1a3a4a;opacity:0;animation:viClassicLogo .8s ease-out .2s forwards}[data-theme=dark] .vibe-intro--classic .vi-logo{color:#7ab0c8}.vibe-intro--classic .vi-line{width:0;height:2px;background:linear-gradient(90deg,transparent,#1a3a4a,transparent);animation:viClassicLine .8s ease-out .5s forwards}[data-theme=dark] .vibe-intro--classic .vi-line{background:linear-gradient(90deg,transparent,#7ab0c8,transparent)}.vibe-intro--classic .vi-curtain{position:absolute;inset:0;background:inherit;animation:viCurtainUp .7s ease-in 1.2s forwards}@keyframes viClassicLogo{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes viClassicLine{0%{width:0}to{width:min(300px,60vw)}}@keyframes viCurtainUp{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 0 100% 0)}}.vibe-intro--cyberpunk{background:#0a0a12}.vibe-intro--cyberpunk .vi-static{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:128px;opacity:.3;mix-blend-mode:screen;animation:viStaticFlicker .15s step-end infinite}.vibe-intro--cyberpunk .vi-neon-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font:900 clamp(2rem,7vw,5rem)/1 system-ui,sans-serif;letter-spacing:.1em;color:#ff00c8;text-shadow:0 0 20px #ff00c8,0 0 60px rgba(255,0,200,.5),0 0 120px rgba(255,0,200,.3);opacity:0;animation:viNeonFlash 1.2s steps(8) .4s forwards}.vibe-intro--cyberpunk .vi-neon-text:after{content:"OBECDIGITAL";position:absolute;inset:0;color:#00f0ff;text-shadow:0 0 20px #00f0ff;clip-path:inset(0 0 50% 0);animation:viGlitchClip .3s step-end infinite}.vibe-intro--cyberpunk .vi-bars{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0px,transparent 2px,rgba(255,0,200,.03) 2px,rgba(255,0,200,.03) 4px);animation:viBarsScroll .5s linear infinite}.vibe-intro--cyberpunk .vi-reveal{position:absolute;inset:0;background:#0a0a12;animation:viCyberReveal .4s ease-in 1.5s forwards}@keyframes viStaticFlicker{0%{background-position:0 0;opacity:.25}25%{background-position:50px 20px;opacity:.35}50%{background-position:-30px 60px;opacity:.2}75%{background-position:70px -40px;opacity:.3}}@keyframes viNeonFlash{0%{opacity:0}10%{opacity:1}15%{opacity:.1}20%{opacity:.9}30%{opacity:.2}40%{opacity:1}to{opacity:1}}@keyframes viGlitchClip{0%{clip-path:inset(0 0 50% 0);transform:translate(-50%,-50%) translate(2px)}25%{clip-path:inset(30% 0 20% 0);transform:translate(-50%,-50%) translate(-3px)}50%{clip-path:inset(60% 0 10% 0);transform:translate(-50%,-50%) translate(1px)}75%{clip-path:inset(10% 0 70% 0);transform:translate(-50%,-50%) translate(-2px)}}@keyframes viBarsScroll{0%{background-position:0 0}to{background-position:0 4px}}@keyframes viCyberReveal{0%{opacity:1}50%{opacity:.5}51%{opacity:1}60%{opacity:0}61%{opacity:.3}to{opacity:0;pointer-events:none}}.vibe-intro--vintage{background:#f5efe0;display:flex;align-items:center;justify-content:center}[data-theme=dark] .vibe-intro--vintage{background:#1a1408}.vibe-intro--vintage .vi-tv-line{position:absolute;top:50%;left:0;right:0;height:2px;background:#8b5e3c;transform:scaleX(0);animation:viTvLineOn .3s ease-out .2s forwards}[data-theme=dark] .vibe-intro--vintage .vi-tv-line{background:#c89060}.vibe-intro--vintage .vi-tv-expand{position:absolute;inset:0;background:inherit;clip-path:inset(50% 0 50% 0);animation:viTvExpand .5s ease-out .5s forwards}.vibe-intro--vintage .vi-tv-expand .vi-stamp{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font:800 clamp(1.5rem,4vw,3rem)/1 "Georgia",serif;letter-spacing:.08em;color:#8b5e3c;opacity:0;animation:viStampIn .4s ease-out .8s forwards}[data-theme=dark] .vibe-intro--vintage .vi-stamp{color:#c89060}.vibe-intro--vintage .vi-sepia{position:absolute;inset:0;background:#8b5e3c14;opacity:0;animation:viSepiaFlash .5s ease 1s forwards}.vibe-intro--vintage .vi-open{position:absolute;inset:0;background:inherit;animation:viVintageOpen .6s ease-in 1.4s forwards}@keyframes viTvLineOn{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes viTvExpand{0%{clip-path:inset(50% 0 50% 0)}to{clip-path:inset(0 0 0 0)}}@keyframes viStampIn{0%{opacity:0;transform:translate(-50%,-50%) scale(2) rotate(-5deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-2deg)}}@keyframes viSepiaFlash{0%{opacity:0}50%{opacity:.3}to{opacity:0}}@keyframes viVintageOpen{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(100% 0 0 0)}}.vibe-intro--nature{background:#f0f5ef;display:flex;align-items:center;justify-content:center}[data-theme=dark] .vibe-intro--nature{background:#0a140a}.vibe-intro--nature .vi-circle{width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(45,106,45,.2),transparent 70%);animation:viNatureCircle 1.2s ease-out .2s forwards}.vibe-intro--nature .vi-leaf-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font:700 clamp(1.5rem,4vw,2.5rem)/1 system-ui,sans-serif;letter-spacing:.05em;color:#2d6a2d;opacity:0;animation:viNatureText .8s ease-out .6s forwards}[data-theme=dark] .vibe-intro--nature .vi-leaf-text{color:#4aaa4a}.vibe-intro--nature .vi-bloom{position:absolute;inset:0;background:inherit;animation:viBloomOpen .8s ease-in 1.3s forwards}@keyframes viNatureCircle{0%{width:0;height:0;opacity:0}50%{opacity:1}to{width:150vmax;height:150vmax;opacity:.5}}@keyframes viNatureText{0%{opacity:0;transform:translate(-50%,-50%) translateY(30px)}to{opacity:1;transform:translate(-50%,-50%) translateY(0)}}@keyframes viBloomOpen{0%{opacity:1}to{opacity:0}}.vibe-intro--luxury{background:#0c0a08;display:flex;align-items:center;justify-content:center;overflow:hidden}.vibe-intro--luxury .vi-shimmer{position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(212,175,55,.1) 45%,rgba(212,175,55,.3) 50%,rgba(212,175,55,.1) 55%,transparent 70%);background-size:300% 100%;animation:viLuxShimmer 1.5s ease-in-out forwards}.vibe-intro--luxury .vi-gold-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font:700 clamp(2rem,5vw,3.5rem)/1 system-ui,sans-serif;letter-spacing:.2em;background:linear-gradient(135deg,#d4af37,#f0d060,#d4af37);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:0;animation:viGoldText 1s ease-out .3s forwards}.vibe-intro--luxury .vi-gold-line{position:absolute;top:calc(50% + clamp(2rem,5vw,3.5rem));left:50%;transform:translate(-50%);width:0;height:1px;background:linear-gradient(90deg,transparent,#d4af37,transparent);animation:viGoldLine .6s ease-out .8s forwards}.vibe-intro--luxury .vi-curtains{position:absolute;inset:0}.vibe-intro--luxury .vi-curtains:before,.vibe-intro--luxury .vi-curtains:after{content:"";position:absolute;top:0;bottom:0;width:50%;background:#0c0a08;animation:viCurtainPart .8s ease-in 1.4s forwards}.vibe-intro--luxury .vi-curtains:before{left:0;transform-origin:left}.vibe-intro--luxury .vi-curtains:after{right:0;transform-origin:right}@keyframes viLuxShimmer{0%{background-position:100% 50%}to{background-position:-100% 50%}}@keyframes viGoldText{0%{opacity:0;letter-spacing:.5em}to{opacity:1;letter-spacing:.2em}}@keyframes viGoldLine{0%{width:0}to{width:min(200px,40vw)}}@keyframes viCurtainPart{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.vibe-selector{position:absolute;top:calc(100% + .75rem);right:0;background:var(--glass-bg-card);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:16px;padding:1rem;box-shadow:var(--glass-shadow-lg);opacity:0;transform:translateY(-8px) scale(.96);pointer-events:none;transition:all .3s cubic-bezier(.16,1,.3,1);z-index:110;min-width:280px}.vibe-selector.is-open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.vibe-selector__title{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--od-text-subtle);margin:0 0 .75rem;padding:0 .25rem}.vibe-selector__grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.vibe-option{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.75rem .5rem;border:1px solid var(--od-border);border-radius:10px;background:transparent;cursor:pointer;transition:all .25s;font-family:inherit;color:var(--od-text-muted)}.vibe-option:hover{border-color:var(--od-primary);background:var(--od-primary-soft);color:var(--od-text)}.vibe-option.is-active{border-color:var(--od-primary);background:var(--od-primary-soft);color:var(--od-primary);box-shadow:0 0 12px var(--od-primary-glow)}.vibe-option__preview{width:36px;height:24px;border-radius:6px;border:1px solid rgba(128,128,128,.2);position:relative;overflow:hidden}.vibe-option__preview--futuristic{background:linear-gradient(135deg,#0f1a1d,#1f4e5f)}.vibe-option__preview--futuristic:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,rgba(31,78,95,.6),transparent 60%)}.vibe-option__preview--classic{background:linear-gradient(135deg,#f6f5f0,#ede9e0)}.vibe-option__preview--classic:after{content:"";position:absolute;bottom:0;left:10%;right:10%;height:1px;background:#1a3a4a}.vibe-option__preview--cyberpunk{background:linear-gradient(135deg,#0a0a12,#12081a)}.vibe-option__preview--cyberpunk:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ff00c84d,#00f0ff4d)}.vibe-option__preview--vintage{background:linear-gradient(135deg,#f5efe0,#ebe2cc)}.vibe-option__preview--vintage:after{content:"";position:absolute;inset:0;background:#8b5e3c1a}.vibe-option__preview--nature{background:linear-gradient(135deg,#e8f0e6,#d0e8d0)}.vibe-option__preview--nature:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(45,106,45,.2),transparent 70%)}.vibe-option__preview--luxury{background:linear-gradient(135deg,#0c0a08,#1a1610)}.vibe-option__preview--luxury:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(212,175,55,.3),transparent 60%)}.vibe-option__label{font-size:.6875rem;font-weight:600;letter-spacing:.02em}.vibe-btn{position:relative;width:36px;height:36px;border-radius:10px;border:1px solid var(--od-border-strong);background:var(--od-surface-alt);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.16,1,.3,1);flex-shrink:0;color:var(--od-primary)}.vibe-btn:hover{background:var(--od-primary-soft);border-color:var(--od-primary);box-shadow:0 0 12px var(--od-primary-glow)}.vibe-btn:focus-visible{outline:2px solid var(--od-primary);outline-offset:2px}.vibe-btn svg{width:16px;height:16px}[data-vibe=classic] .scifi-bg{opacity:.15;transition:opacity .5s}[data-vibe=classic] .hero__badge--glitch{animation:none}[data-vibe=classic] .admin-card h4:after{display:none}[data-vibe=classic] .feature-card:after{display:none}[data-vibe=classic] .demo__scan-line{display:none}[data-vibe=cyberpunk] body:after{content:"";position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent 0px,transparent 2px,rgba(255,0,200,.015) 2px,rgba(255,0,200,.015) 4px);pointer-events:none;z-index:999}[data-vibe=vintage] body{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");background-color:var(--od-bg)}[data-vibe=vintage] .grain-overlay{opacity:.06}[data-vibe=vintage] .scifi-bg{opacity:.08}[data-vibe=nature] .scifi-bg{opacity:.2}[data-vibe=nature] .grain-overlay{opacity:.02}[data-vibe=luxury] .scifi-orb{filter:blur(120px)}[data-vibe=luxury] .grain-overlay{opacity:.02}@media(prefers-reduced-motion:reduce){.vibe-intro{display:none}}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1rem 2rem;transition:all .3s}.nav--scrolled{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--glass-border);box-shadow:var(--glass-shadow);padding:.75rem 2rem}.nav__right{display:flex;align-items:center;gap:.75rem}.nav__inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.nav__logo{font-size:1.125rem;font-weight:700;color:var(--od-primary);letter-spacing:.06em;text-decoration:none}.nav__links{display:flex;align-items:center;gap:2rem}.nav__links a{font-size:.875rem;font-weight:500;color:var(--od-text-muted);text-decoration:none;transition:color .2s}.nav__links a:hover{color:var(--od-primary)}.nav__cta{background:var(--od-primary)!important;color:#fff!important;padding:.5rem 1.25rem!important;border-radius:8px;font-weight:600!important;transition:background .2s!important}.nav__cta:hover{background:var(--od-primary-hover)!important}.nav__burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.nav__burger span{width:24px;height:2px;background:var(--od-text);border-radius:2px;transition:all .3s}.nav__burger.is-open span:nth-child(1){transform:rotate(45deg) translate(4.5px,3.5px)}.nav__burger.is-open span:nth-child(2){opacity:0;transform:scaleX(0)}.nav__burger.is-open span:nth-child(3){transform:rotate(-45deg) translate(4.5px,-3.5px)}@media(max-width:768px){.nav__links{display:none;position:fixed;inset:0;background:var(--glass-bg);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);flex-direction:column;justify-content:center;align-items:center;gap:2rem;z-index:99}.nav__links.is-open{display:flex}.nav__links a{font-size:1.5rem;font-weight:600}.nav__links .nav__cta{margin-top:1rem;padding:.75rem 2rem!important;font-size:1rem!important}.nav__burger{display:flex;z-index:101}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:6rem 2rem 4rem}.hero__content{position:relative;z-index:1;text-align:center;max-width:720px}.hero__badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;background:var(--od-primary-soft);color:var(--od-primary);border-radius:100px;font-size:.8125rem;font-weight:600;margin-bottom:1.5rem;position:relative}.hero__badge--glitch{animation:badgeGlitch 8s ease-in-out infinite}@keyframes badgeGlitch{0%,93%,to{transform:translate(0);filter:none}94%{transform:translate(-2px,1px);filter:hue-rotate(90deg)}95%{transform:translate(2px,-1px);filter:hue-rotate(-90deg)}96%{transform:translate(0);filter:none}}.hero__pixel-title{margin-bottom:.5rem;display:flex;justify-content:center}.hero__pixel-title canvas{max-width:100%;height:auto}.hero__title{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:1.1;color:var(--od-text);margin:0 0 1.5rem;letter-spacing:-.02em;position:relative}.hero__title--holo{background-image:linear-gradient(105deg,var(--od-text) 0%,var(--od-text) 35%,var(--od-primary) 48%,var(--od-primary-mid) 52%,var(--od-text) 65%,var(--od-text) 100%);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:holoShimmer 6s ease-in-out infinite}.hero__title--holo .hero__title--accent{-webkit-text-fill-color:transparent}@keyframes holoShimmer{0%,to{background-position:100% 50%}50%{background-position:0% 50%}}.hero__title--accent{background:linear-gradient(135deg,var(--od-primary) 0%,var(--od-primary-mid) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__subtitle{font-size:1.125rem;color:var(--od-text-muted);line-height:1.7;margin:0 0 2.5rem;max-width:580px;margin-left:auto;margin-right:auto}.hero__typewriter{color:var(--od-primary);font-weight:700;border-right:2px solid var(--od-primary);padding-right:2px;animation:cursorBlink .8s step-end infinite;min-width:2ch;display:inline-block}@keyframes cursorBlink{0%,to{border-color:var(--od-primary)}50%{border-color:transparent}}.btn--pulse{position:relative}.btn--pulse:before{content:"";position:absolute;inset:-4px;border-radius:14px;background:linear-gradient(135deg,var(--od-primary),var(--od-accent));opacity:0;z-index:-1;animation:btnPulse 3s ease-in-out infinite}@keyframes btnPulse{0%,to{opacity:0;transform:scale(1)}50%{opacity:.15;transform:scale(1.04)}}.hero__tech-labels{position:absolute;top:50%;left:50%;width:0;height:0;pointer-events:none}.tech-label{position:absolute;transform:translate(var(--tl-x),var(--tl-y));font-family:Courier New,monospace;font-size:.625rem;font-weight:600;letter-spacing:.15em;color:var(--od-primary);opacity:0;padding:.2rem .5rem;border:1px solid var(--od-primary-soft);border-radius:4px;background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:techLabelIn .8s ease-out forwards;animation-delay:var(--tl-delay, 0s);white-space:nowrap}.tech-label:before{content:"//";margin-right:.3rem;opacity:.4}@keyframes techLabelIn{0%{opacity:0;transform:translate(var(--tl-x),var(--tl-y)) scale(.8);filter:blur(4px)}to{opacity:.35;transform:translate(var(--tl-x),var(--tl-y)) scale(1);filter:blur(0)}}.tech-label{animation:techLabelIn .8s ease-out forwards,techFloat 6s ease-in-out infinite;animation-delay:var(--tl-delay, 0s),calc(var(--tl-delay, 0s) + .8s)}@keyframes techFloat{0%,to{margin-top:0}50%{margin-top:-6px}}@media(max-width:768px){.hero__tech-labels{display:none}.hero__pixel-title canvas{max-height:60px}}.hero__actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.hero__scroll{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);animation:scrollBounce 2s infinite;color:var(--od-text-subtle);z-index:1}@keyframes scrollBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(8px)}}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;border-radius:10px;font-size:.9375rem;font-weight:600;text-decoration:none;transition:all .25s;cursor:pointer;border:none;font-family:inherit}.btn--primary{background:var(--od-primary);color:#fff;position:relative;z-index:1}.btn--primary:after{content:"";position:absolute;inset:-2px;border-radius:12px;background:conic-gradient(from var(--btn-angle, 0deg),var(--od-primary),var(--od-accent),var(--od-primary-mid),var(--od-primary));z-index:-1;opacity:0;transition:opacity .4s;animation:btnGradientRotate 3s linear infinite}@keyframes btnGradientRotate{to{--btn-angle: 360deg}}@property --btn-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.btn--primary:hover{background:var(--od-primary-hover);transform:translateY(-2px);box-shadow:var(--btn-hover-shadow)}.btn--primary:hover:after{opacity:1}.btn--glass{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);color:var(--od-text)}.btn--glass:hover{background:var(--glass-bg-card);transform:translateY(-2px);box-shadow:var(--glass-shadow)}.btn--lg{padding:1rem 2.25rem;font-size:1rem}.stats{padding:0 2rem;margin-top:-3rem;position:relative;z-index:2}.stats__grid{max-width:900px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:16px;padding:2.5rem 2rem;box-shadow:var(--glass-shadow-lg),var(--glass-inset)}.stats__item{text-align:center;display:flex;flex-direction:column;align-items:center}.stats__number{font-size:2.5rem;font-weight:800;color:var(--od-primary);line-height:1;display:inline}.stats__suffix{font-size:2.5rem;font-weight:800;color:var(--od-primary);line-height:1}.stats__label{font-size:.8125rem;color:var(--od-text-muted);margin-top:.5rem;font-weight:500}@media(max-width:640px){.stats__grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;padding:2rem 1.5rem}.stats__number,.stats__suffix{font-size:1.75rem}.stats__label{font-size:.75rem;word-break:break-word}}@media(max-width:380px){.stats__grid{gap:1rem;padding:1.5rem 1rem}.stats__number,.stats__suffix{font-size:1.5rem}.stats__label{font-size:.6875rem}}.section{padding:6rem 2rem}.section--dark{background:var(--dark-bg);color:var(--dark-text)}.section--dark .section__title{color:var(--dark-text)}.section--dark .section__desc{color:var(--dark-text-muted)}.section__inner{max-width:1100px;margin:0 auto}.section__header{text-align:center;margin-bottom:4rem}.section__tag{display:inline-block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--od-primary);background:var(--od-primary-soft);padding:.35rem 1rem;border-radius:100px;margin-bottom:1rem}.section__tag--light{color:var(--dark-text);background:var(--dark-surface)}.section__title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;color:var(--od-text);margin:0 0 1rem;letter-spacing:-.02em}.section__desc{font-size:1.0625rem;color:var(--od-text-muted);max-width:550px;margin:0 auto;line-height:1.6}.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.feature-card{position:relative;overflow:hidden;background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:14px;padding:2rem;transition:all .3s;box-shadow:var(--glass-inset)}.feature-card:hover{border-color:var(--od-primary);transform:translateY(-4px);box-shadow:var(--glass-shadow)}.feature-card__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--od-primary-soft);color:var(--od-primary);border-radius:12px;margin-bottom:1.25rem}.feature-card h3{font-size:1.0625rem;font-weight:700;margin:0 0 .625rem;color:var(--od-text)}.feature-card p{font-size:.875rem;color:var(--od-text-muted);line-height:1.6;margin:0}.pixel-particle{position:absolute;width:4px;height:4px;background:var(--od-primary);border-radius:1px;opacity:0;pointer-events:none;animation:pixelFloat .7s ease-out forwards}@keyframes pixelFloat{0%{opacity:.8;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(0)}}.admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.admin-card{display:flex;gap:1rem;align-items:flex-start;background:var(--dark-surface);border:1px solid var(--dark-border);border-radius:12px;padding:1.5rem;transition:all .3s;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.admin-card:hover{background:#ffffff12;border-color:#ffffff2e;transform:translateY(-2px);box-shadow:var(--glass-shadow)}.admin-card svg{flex-shrink:0;color:var(--od-accent);margin-top:2px}.admin-card h4{font-size:.9375rem;font-weight:700;margin:0 0 .375rem;color:var(--dark-text)}.admin-card p{font-size:.8125rem;color:var(--dark-text-muted);line-height:1.5;margin:0}.roadmap{position:relative;max-width:600px;margin:0 auto;padding-left:2rem}.roadmap:before{content:"";position:absolute;left:7px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--od-primary),var(--od-border));border-radius:2px}.roadmap__item{position:relative;padding:0 0 2.5rem 2rem}.roadmap__item:last-child{padding-bottom:0}.roadmap__dot{position:absolute;left:-2rem;top:.25rem;width:16px;height:16px;background:var(--od-primary);border:3px solid var(--od-bg);border-radius:50%;box-shadow:0 0 0 3px var(--od-primary-soft)}.roadmap__content{background:var(--od-surface);border:1px solid var(--od-border);border-radius:12px;padding:1.25rem 1.5rem;transition:all .3s}.roadmap__content:hover{border-color:var(--od-primary);box-shadow:var(--glass-shadow)}.roadmap__badge{display:inline-block;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--od-primary);background:var(--od-primary-soft);padding:.2rem .6rem;border-radius:4px;margin-bottom:.5rem}.roadmap__content h4{font-size:1rem;font-weight:700;margin:0 0 .375rem;color:var(--od-text)}.roadmap__content p{font-size:.8125rem;color:var(--od-text-muted);line-height:1.5;margin:0}.why-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem}.why-card{background:var(--dark-surface);border:1px solid var(--dark-border);border-radius:16px;padding:2rem;text-align:center;transition:all .3s}.why-card:hover{background:#ffffff12;border-color:#ffffff26;transform:translateY(-4px)}.why-card__icon{width:56px;height:56px;display:inline-flex;align-items:center;justify-content:center;background:var(--od-accent-soft);color:var(--od-accent);border-radius:14px;margin-bottom:1.25rem}.why-card h3{font-size:1.125rem;font-weight:700;margin:0 0 .625rem;color:var(--dark-text)}.why-card p{font-size:.875rem;color:var(--dark-text-muted);line-height:1.6;margin:0}.demo-section{background:var(--od-surface-alt)}.demo{display:grid;grid-template-columns:1fr 1.2fr;gap:4rem;align-items:center}.demo__text h2{text-align:left}.demo__text p{font-size:1rem;color:var(--od-text-muted);line-height:1.7;margin:0 0 2rem}.demo__browser{background:var(--od-surface);border:1px solid var(--od-border);border-radius:12px;overflow:hidden;box-shadow:var(--glass-shadow-lg);transition:transform .3s}.demo__browser:hover{transform:scale(1.02)}.demo__browser-bar{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--od-surface-alt);border-bottom:1px solid var(--od-border)}.demo__dot{width:10px;height:10px;border-radius:50%}.demo__dot--red{background:#ff5f57}.demo__dot--yellow{background:#ffbd2e}.demo__dot--green{background:#28ca42}.demo__browser-url{font-size:.75rem;color:var(--od-text-subtle);margin-left:.5rem}.demo__browser-content{padding:1.5rem}.demo__ph-hero{height:120px;background:linear-gradient(135deg,var(--od-primary-soft),var(--od-primary-glow));border-radius:8px;margin-bottom:1rem}.demo__ph-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.demo__ph-card{height:60px;background:var(--od-surface-alt);border:1px solid var(--od-border);border-radius:6px}@media(max-width:768px){.demo{grid-template-columns:1fr;gap:2rem}.demo__text,.demo__text h2{text-align:center}.demo__text .btn{display:inline-flex}}@media(max-width:768px){.hero{padding:5rem 1.5rem 6rem;min-height:auto}.hero__title{font-size:clamp(2rem,8vw,2.75rem)}.hero__subtitle{font-size:1rem}.hero__scroll{display:none}.section{padding:4rem 1.25rem}.section__header{margin-bottom:2.5rem}.features-grid{grid-template-columns:1fr;gap:1rem}.admin-grid{grid-template-columns:1fr}.why-grid{grid-template-columns:1fr 1fr;gap:1rem}.roadmap,.roadmap__item{padding-left:1.5rem}.cta-section{padding:4rem 1.5rem}.cta-section h2{font-size:1.5rem}.cta-section__checks{gap:1rem;flex-direction:column;align-items:center}.stats{margin-top:-2rem;padding:0 1rem}}@media(max-width:480px){.why-grid{grid-template-columns:1fr}.hero__actions{flex-direction:column;align-items:center}.hero__actions .btn{width:100%;justify-content:center}.feature-card{padding:1.5rem}.admin-card{padding:1.25rem}}.cta-section{position:relative;padding:6rem 2rem;text-align:center;overflow:hidden}.cta-section__glow{position:absolute;width:800px;height:400px;background:radial-gradient(ellipse,var(--glow-1) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%)}.cta-section__content{position:relative;z-index:1}.cta-section h2{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;color:var(--od-text);margin:0 0 1rem}.cta-section p{font-size:1.0625rem;color:var(--od-text-muted);margin:0 0 2rem;line-height:1.6}.cta-section__actions{margin-bottom:1.5rem}.cta-section__checks{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap}.cta-section__checks span{display:inline-flex;align-items:center;gap:.375rem;font-size:.8125rem;color:var(--od-text-muted);font-weight:500}.cta-section__checks svg{color:var(--od-success)}.footer{background:var(--dark-bg);color:var(--dark-text-muted);padding:3rem 2rem}.footer__inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.5rem}.footer__logo{font-size:1rem;font-weight:700;color:var(--dark-text);letter-spacing:.06em}.footer__brand p{font-size:.8125rem;margin:.375rem 0 0}.footer__links{display:flex;gap:1.5rem}.footer__links a{color:var(--dark-text-muted);text-decoration:none;font-size:.8125rem;transition:color .2s}.footer__links a:hover{color:var(--dark-text)}.footer__copy{font-size:.75rem}@media(max-width:640px){.footer__inner{flex-direction:column;text-align:center}}.reveal{opacity:0;transform:translateY(30px);transition:all .7s cubic-bezier(.16,1,.3,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}.features-grid .reveal:nth-child(2){transition-delay:.05s}.features-grid .reveal:nth-child(3){transition-delay:.1s}.features-grid .reveal:nth-child(4){transition-delay:.15s}.features-grid .reveal:nth-child(5){transition-delay:.2s}.features-grid .reveal:nth-child(6){transition-delay:.25s}.feature-card:before{content:"";position:absolute;inset:0;border-radius:14px;background:radial-gradient(600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),var(--glow-1),transparent 40%);opacity:0;transition:opacity .3s;pointer-events:none}.feature-card:hover:before{opacity:1}.admin-card:before{content:"";position:absolute;inset:0;border-radius:12px;background:radial-gradient(400px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),var(--glow-2),transparent 40%);opacity:0;transition:opacity .3s;pointer-events:none}.admin-card{position:relative;overflow:hidden}.admin-card:hover:before{opacity:1}.scroll-progress{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--od-primary),var(--od-primary-mid),var(--od-accent));z-index:200;transition:width .1s linear;border-radius:0 2px 2px 0}.text-reveal{display:inline-block;overflow:hidden;vertical-align:bottom}.text-reveal__inner{display:inline-block;transform:translateY(110%);transition:transform .8s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay, 0s)}.text-reveal.is-revealed .text-reveal__inner{transform:translateY(0)}.scifi-bg{position:fixed;inset:0;z-index:0;pointer-events:none}.scifi-canvas{position:absolute;inset:0;width:100%;height:100%}.scifi-orb{position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none;will-change:transform}.scifi-orb--1{width:600px;height:600px;background:radial-gradient(circle,var(--glow-1),transparent 70%);top:-150px;right:-150px;animation:orbFloat1 12s ease-in-out infinite}.scifi-orb--2{width:500px;height:500px;background:radial-gradient(circle,var(--glow-2),transparent 70%);bottom:-120px;left:-120px;animation:orbFloat2 15s ease-in-out infinite}.scifi-orb--3{width:350px;height:350px;background:radial-gradient(circle,rgba(31,78,95,.06),transparent 70%);top:40%;left:30%;animation:orbFloat3 18s ease-in-out infinite}.scifi-orb--4{width:280px;height:280px;background:radial-gradient(circle,var(--glow-2),transparent 70%);top:20%;right:20%;animation:orbFloat4 20s ease-in-out infinite;opacity:.6}[data-theme=dark] .scifi-orb--1{width:700px;height:700px;opacity:1}[data-theme=dark] .scifi-orb--2{width:600px;height:600px;opacity:1}[data-theme=dark] .scifi-orb--3,[data-theme=dark] .scifi-orb--4{opacity:.8}.scifi-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 50%,var(--od-bg) 100%);pointer-events:none;opacity:.4}[data-theme=dark] .scifi-vignette{opacity:.6}@keyframes orbFloat1{0%,to{transform:translate(0) scale(1)}25%{transform:translate(-50px,60px) scale(1.15)}50%{transform:translate(-20px,30px) scale(1.05)}75%{transform:translate(30px,-20px) scale(1.2)}}@keyframes orbFloat2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(60px,-40px) scale(1.1)}66%{transform:translate(20px,-60px) scale(1.18)}}@keyframes orbFloat3{0%,to{transform:translate(0) scale(1);filter:hue-rotate(0deg)}50%{transform:translate(-80px,50px) scale(1.3);filter:hue-rotate(20deg)}}@keyframes orbFloat4{0%,to{transform:translate(0) scale(1);filter:hue-rotate(0deg)}33%{transform:translate(40px,30px) scale(1.15);filter:hue-rotate(-15deg)}66%{transform:translate(-30px,-40px) scale(.9);filter:hue-rotate(10deg)}}@media(max-width:768px){.scifi-orb--1{width:350px;height:350px}.scifi-orb--2{width:300px;height:300px}.scifi-orb--3{width:200px;height:200px}.scifi-orb--4{display:none}}.btn--primary,.btn--glass{transition:all .3s cubic-bezier(.25,.46,.45,.94),transform .2s ease-out;will-change:transform}.feature-card:hover{border-color:var(--od-primary);transform:translateY(-6px) perspective(800px) rotateX(2deg);box-shadow:var(--glass-shadow-lg)}.roadmap__content:hover{border-color:var(--od-primary);transform:translateY(-3px);box-shadow:var(--glass-shadow)}.why-card:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-6px) perspective(800px) rotateX(2deg);box-shadow:var(--glass-shadow-lg)}.features-grid .reveal:nth-child(1){transition-delay:0s}.features-grid .reveal:nth-child(2){transition-delay:.07s}.features-grid .reveal:nth-child(3){transition-delay:.14s}.features-grid .reveal:nth-child(4){transition-delay:.21s}.features-grid .reveal:nth-child(5){transition-delay:.28s}.features-grid .reveal:nth-child(6){transition-delay:.35s}.features-grid .reveal:nth-child(7){transition-delay:.07s}.features-grid .reveal:nth-child(8){transition-delay:.14s}.features-grid .reveal:nth-child(9){transition-delay:.21s}.features-grid .reveal:nth-child(10){transition-delay:.28s}.features-grid .reveal:nth-child(11){transition-delay:.35s}.features-grid .reveal:nth-child(12){transition-delay:.42s}.admin-grid .reveal:nth-child(1){transition-delay:0s}.admin-grid .reveal:nth-child(2){transition-delay:.08s}.admin-grid .reveal:nth-child(3){transition-delay:.16s}.admin-grid .reveal:nth-child(4){transition-delay:.24s}.admin-grid .reveal:nth-child(5){transition-delay:.32s}.admin-grid .reveal:nth-child(6){transition-delay:.4s}.roadmap .reveal:nth-child(1){transition-delay:0s}.roadmap .reveal:nth-child(2){transition-delay:.06s}.roadmap .reveal:nth-child(3){transition-delay:.12s}.roadmap .reveal:nth-child(4){transition-delay:.18s}.roadmap .reveal:nth-child(5){transition-delay:.24s}.roadmap .reveal:nth-child(6){transition-delay:.3s}.roadmap .reveal:nth-child(7){transition-delay:.36s}.roadmap .reveal:nth-child(8){transition-delay:.42s}@media(hover:hover){.feature-card,.admin-card,.why-card,.roadmap__content,.btn,.demo__browser{cursor:pointer}}::selection{background:var(--od-primary);color:#fff}.section-divider{display:flex;justify-content:center;padding:0 2rem;position:relative;z-index:2}.section-divider__line{width:0;height:1px;max-width:600px;background:linear-gradient(90deg,transparent,var(--od-primary),var(--od-accent),var(--od-primary),transparent);transition:width 1.2s cubic-bezier(.16,1,.3,1)}.section-divider.is-visible .section-divider__line{width:100%}.section-divider:before{content:"";position:absolute;top:50%;left:50%;width:6px;height:6px;background:var(--od-primary);border-radius:50%;transform:translate(-50%,-50%) scale(0);transition:transform .5s ease .6s;box-shadow:0 0 12px var(--od-primary-glow)}.section-divider.is-visible:before{transform:translate(-50%,-50%) scale(1)}.section--circuit{position:relative;overflow:hidden}.section--circuit:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:60px 60px;animation:circuitShift 20s linear infinite;pointer-events:none}@keyframes circuitShift{0%{background-position:0 0}to{background-position:60px 60px}}.stats__number--glow{animation:numGlow 1s ease-out}@keyframes numGlow{0%{text-shadow:0 0 20px var(--od-primary),0 0 40px var(--od-primary-glow)}to{text-shadow:none}}.stats__grid[data-tilt]{will-change:transform}.feature-card{position:relative}.feature-card:after{content:"";position:absolute;inset:-1px;border-radius:15px;background:conic-gradient(from var(--card-angle, 0deg),transparent 0%,var(--od-primary) 10%,transparent 20%);z-index:-1;opacity:0;transition:opacity .4s;animation:cardHoloBorder 4s linear infinite}@property --card-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes cardHoloBorder{to{--card-angle: 360deg}}.feature-card:hover:after{opacity:1}.roadmap:before{background:linear-gradient(to bottom,var(--od-primary),var(--od-primary-mid),var(--od-accent),var(--od-primary));background-size:100% 200%;animation:roadmapFlow 4s linear infinite}@keyframes roadmapFlow{0%{background-position:0 0}to{background-position:0 200%}}.roadmap__dot--pulse{position:relative}.roadmap__dot--pulse:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--od-primary);opacity:0;animation:dotPulse 2s ease-out infinite}@keyframes dotPulse{0%{transform:scale(.8);opacity:.6}to{transform:scale(2);opacity:0}}.why-card:hover .why-card__icon{box-shadow:0 0 20px var(--od-accent-soft),0 0 40px #c99b5f1a;transition:box-shadow .3s}@keyframes iconSpin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.admin-card h4:after{content:"_";animation:termBlink 1s step-end infinite;color:var(--od-accent);font-weight:400;margin-left:2px}@keyframes termBlink{0%,to{opacity:1}50%{opacity:0}}.demo__browser--animated{position:relative;overflow:hidden}.demo__scan-line{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--od-primary),transparent);z-index:5;opacity:.3;animation:demoScan 4s linear infinite;pointer-events:none}@keyframes demoScan{0%{top:0}to{top:100%}}.demo__ph--shimmer{position:relative;overflow:hidden}.demo__ph--shimmer:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.08) 50%,transparent 100%);animation:phShimmer 2s ease-in-out infinite;animation-delay:inherit}@keyframes phShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.demo__status-dot{width:6px;height:6px;background:#28ca42;border-radius:50%;margin-left:auto;animation:statusPulse 2s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:1;box-shadow:0 0 4px #28ca42}50%{opacity:.5;box-shadow:none}}.cta-section--anim{position:relative}.cta-section__grid{position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,var(--od-primary-soft) 1px,transparent 0);background-size:40px 40px;opacity:.3;animation:ctaGridPulse 6s ease-in-out infinite;pointer-events:none}@keyframes ctaGridPulse{0%,to{opacity:.2}50%{opacity:.4}}.footer{border-top:1px solid transparent;background-image:linear-gradient(var(--dark-bg),var(--dark-bg)),linear-gradient(90deg,transparent,var(--od-primary),var(--od-accent),var(--od-primary),transparent);background-origin:border-box;background-clip:padding-box,border-box}.hero__pixel-title canvas{cursor:crosshair}.fx-toggle{position:relative;width:36px;height:36px;border-radius:10px;border:1px solid var(--od-border-strong);background:var(--od-surface-alt);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.16,1,.3,1);flex-shrink:0;color:var(--od-primary)}.fx-toggle:hover{background:var(--od-primary-soft);border-color:var(--od-primary);box-shadow:0 0 12px var(--od-primary-glow)}.fx-toggle__icon{width:16px;height:16px;position:absolute;transition:opacity .3s,transform .3s}.fx-toggle__on{opacity:1;transform:scale(1)}.fx-toggle__off,.fx-toggle.is-off .fx-toggle__on{opacity:0;transform:scale(.7)}.fx-toggle.is-off .fx-toggle__off{opacity:1;transform:scale(1)}.fx-toggle.is-off{color:var(--od-text-subtle);border-color:var(--od-border);background:var(--od-surface-alt)}.fx-toggle:focus-visible{outline:2px solid var(--od-primary);outline-offset:2px}[data-fx=off] .scifi-bg{opacity:0;transition:opacity .5s}[data-fx=off] .grain-overlay{opacity:0}[data-fx=off] .particle-glow{display:none}[data-fx=off] .section-divider:before{display:none}[data-fx=off] .section--circuit:before{animation:none}[data-fx=off] .demo__scan-line,[data-fx=off] .cta-section__grid{display:none}[data-fx=off] .tech-label{animation:none;opacity:.3}[data-fx=off] .hero__badge--glitch{animation:none}[data-fx=off] .hero__title--holo{animation:none;background-position:50% 50%}[data-fx=off] .roadmap:before{animation:none}[data-fx=off] .feature-card:after{display:none}[data-fx=off] .btn--primary:after{display:none}[data-fx=off] .btn--pulse:before{display:none}