:root,:root[data-theme=dark]{--bg:#0a0c10;--surface:#12151c;--surface2:#1a1e28;--surface3:#222836;--border:#ffffff0f;--border2:#ffffff1f;--text:#e8eaf0;--text-muted:#9ba4b4;--text-dim:#717d93;--base-black:#231f20;--neutral-gray:#666;--neutral-gray-light:#efefef;--deep-navy:#104bca;--protocol-blue:#104bca;--sky-blue:#44b7e9;--spark-orange:#ee4c02;--golden-hour:#ffa400;--soft-cream:#f6f4e7;--accent:var(--sky-blue);--accent-dim:#44b7e914;--accent-glow:#44b7e926;--orange:var(--spark-orange);--gold:var(--golden-hour);--navy:var(--deep-navy)}:root[data-theme=light]{--bg:#f5f7fa;--surface:#fff;--surface2:#f0f2f5;--surface3:#e4e8ee;--border:#00000014;--border2:#0000001f;--text:#1a1d23;--text-muted:#5f6b7a;--text-dim:#4b5563;--base-black:#231f20;--neutral-gray:#666;--neutral-gray-light:#efefef;--deep-navy:#104bca;--protocol-blue:#104bca;--sky-blue:#2196f3;--spark-orange:#ee4c02;--golden-hour:#ffa400;--soft-cream:#f6f4e7;--accent:var(--sky-blue);--accent-dim:#2196f314;--accent-glow:#2196f326;--orange:var(--spark-orange);--gold:var(--golden-hour);--navy:var(--deep-navy)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;font-family:Onest,sans-serif;display:flex;overflow-x:hidden}.bg-mesh{inset:0;pointer-events:none;z-index:0;opacity:.035;background-color:#0000;background-image:linear-gradient(90deg,#44b7e908 1px,#0000 1px),linear-gradient(#44b7e908 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:60px 60px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0}.bg-glow{pointer-events:none;z-index:0;background:radial-gradient(#44b7e90f 0%,#0000 70%);width:800px;height:600px;position:fixed;top:-200px;left:50%;transform:translate(-50%)}.bg-glow-orange{pointer-events:none;z-index:0;background:radial-gradient(#ee4c0208 0%,#0000 70%);width:600px;height:500px;position:fixed;bottom:-300px;right:-100px}.container{z-index:1;text-align:center;width:100%;max-width:960px;padding:40px 24px;position:relative}.logo-area{margin-bottom:48px;animation:.6s both fadeUp}.owl-logo{filter:drop-shadow(0 4px 20px #44b7e94d);width:80px;height:80px;margin-bottom:20px}:root[data-theme=dark] .owl-logo,:root:not([data-theme=light]) .owl-logo{filter:invert()drop-shadow(0 4px 20px #44b7e94d)}:root[data-theme=light] .owl-logo{filter:drop-shadow(0 4px 20px #2196f34d)}.brand-name{letter-spacing:2px;color:var(--text);margin-bottom:8px;font-family:Onest,sans-serif;font-size:52px;font-weight:900}.tagline{color:var(--text-muted);letter-spacing:.5px;font-family:Onest,sans-serif;font-size:16px;font-weight:400}.cards{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:48px;display:grid}@media (width<=768px){.cards{grid-template-columns:1fr;max-width:400px;margin:0 auto 48px}.brand-name{font-size:36px}}.card{background:var(--surface);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:16px;padding:32px 24px;text-decoration:none;transition:all .25s;display:block;position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg, var(--sky-blue), var(--spark-orange));opacity:0;height:3px;transition:opacity .25s;position:absolute;top:0;left:0;right:0}.card:hover{border-color:var(--border2);transform:translateY(-4px);box-shadow:0 12px 40px #0000004d,0 0 0 1px #44b7e91a}.card:hover:before{opacity:1}.card-icon{background:var(--accent-dim);border:1px solid #44b7e91f;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;font-size:26px;display:flex}.card-title{margin-bottom:8px;font-family:Onest,sans-serif;font-size:18px;font-weight:700}.card-desc{color:var(--text-muted);font-size:13px;line-height:1.6}.card-badge{background:var(--surface2);border:1px solid var(--border);color:var(--text-dim);border-radius:6px;margin-top:14px;padding:4px 10px;font-family:DM Mono,monospace;font-size:11px;display:inline-block}.color-strip{border-radius:8px;gap:0;max-width:500px;height:6px;margin:32px auto 24px;display:flex;overflow:hidden}.color-strip div{flex:1}.footer-info{color:var(--text-dim);font-size:12px;line-height:1.8;animation:.6s .4s both fadeUp}.card:first-child{animation:.5s .1s both fadeUp}.card:nth-child(2){animation:.5s .2s both fadeUp}.card:nth-child(3){animation:.5s .3s both fadeUp}.card:nth-child(4){animation:.5s .4s both fadeUp}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (forced-colors:active){.btn,.card,.badge{border:1px solid buttontext}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}