:root{--accent:#e65601;--accent-soft:#e6560133;--accent-strong:#ff7418;--bg:#0b0b0f;--bg-secondary:#121218bf;--bg-card:#18181fe6;--text:#f7f7f9;--text-muted:#b5b5c5;--outline:#e6560159;--shadow:0 24px 45px #00000059}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,system-ui,sans-serif}body{background-color:var(--bg);color:var(--text);line-height:1.6}.theme-dark{background:radial-gradient(80% 80% at 0 0,#e6560126,#0000),radial-gradient(70% 70% at 100% 0,#e6560114,#0000),linear-gradient(#0b0b0f 0%,#050507 100%);min-height:100vh}.app-shell{-webkit-backdrop-filter:blur(18px);flex-direction:column;min-height:100vh;display:flex}.app-content{flex:1;width:min(1100px,100% - 3rem);margin:0 auto;padding:4rem 0 6rem}a{color:var(--accent-strong);text-decoration:none;transition:color .2s}a:hover{color:var(--accent)}section{padding:4.5rem 0}h1,h2,h3,h4,h5{font-weight:600;line-height:1.2}.text-accent{color:var(--accent)!important}.text-muted-custom{color:var(--text-muted)}.btn-accent{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#0b0b0f;border:none;border-radius:999px;padding:.625rem 1.75rem;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s;box-shadow:0 12px 25px #e6560159}.btn-accent:hover{background:linear-gradient(135deg,var(--accent-strong),var(--accent));transform:translateY(-2px);box-shadow:0 20px 35px #e6560166}.card-dark{background:var(--bg-card);border:1px solid var(--outline);box-shadow:var(--shadow);border-radius:18px;padding:2.5rem;transition:transform .25s,border-color .25s,box-shadow .25s}.card-dark:hover{border-color:var(--accent);transform:translateY(-6px);box-shadow:0 24px 55px #e656012e}.badge-outline{border:1px solid var(--outline);color:var(--accent-strong);letter-spacing:.06em;text-transform:uppercase;background-color:#e6560112;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.8rem;display:inline-flex}.glass-panel{background:var(--bg-secondary);-webkit-backdrop-filter:blur(24px);border:1px solid #ffffff0a;border-radius:20px;box-shadow:0 35px 60px #00000059}.navbar.glass-panel{box-shadow:none;background:0 0;border-radius:0}.navbar.glass-panel.is-scrolled{background:#0f0f14d1;border-bottom:1px solid #ffffff14;transition:background-color .3s,border-color .3s,box-shadow .3s;box-shadow:0 10px 30px #00000059}.navbar .nav-link{color:var(--text-muted);font-weight:500;transition:color .2s;position:relative}.navbar .nav-link:after{content:"";background:linear-gradient(135deg,var(--accent),var(--accent-strong));width:0%;height:2px;transition:width .2s;position:absolute;bottom:-.35rem;left:0}.navbar .nav-link:hover,.navbar .nav-link.active{color:var(--accent)}.navbar .nav-link.active:after{width:100%}.navbar-brand{color:var(--text)}.feature-icon{border:1px solid var(--outline);width:48px;height:48px;color:var(--accent);background:#e656011f;border-radius:12px;justify-content:center;align-items:center;font-size:1.35rem;display:inline-flex;box-shadow:0 8px 18px #e656012e}.gradient-divider{background:linear-gradient(90deg,#0000,#e6560173,#0000);width:100%;height:1px;margin:2.5rem 0}.form-control,.form-select{color:var(--text);border-radius:14px;padding:.75rem 1rem}.form-control:focus,.form-select:focus{border-color:var(--accent);color:var(--text);background-color:#ffffff05;box-shadow:0 0 0 .25rem #e6560126}.form-control::placeholder{color:var(--text-muted)}footer{color:var(--text-muted);background:#0c0c12e6;border-top:1px solid #ffffff0d;margin-top:auto;padding:2.5rem 0;font-size:.95rem}footer a{color:var(--accent-strong)}.hero-pattern{filter:blur();opacity:.9;pointer-events:none;background:radial-gradient(60% 60% at 20% 20%,#e6560126,#0000),radial-gradient(45% 45% at 80% 10%,#ff94291f,#0000),linear-gradient(125deg,#e6560114,#08080c1a);animation:12s ease-in-out infinite alternate heroGlow;position:absolute;inset:0}.hero-visual{border-radius:26px;justify-content:center;align-items:stretch;min-height:420px;display:flex;position:relative;overflow:hidden}.hero-visual-gradient{background:radial-gradient(55% 55% at 50% 25%,#e6560147,#0000 70%),linear-gradient(#08080c73,#08080cd9);animation:10s ease-in-out infinite alternate pulseGlow;position:absolute;inset:0}.hero-screenshot{mix-blend-mode:screen;opacity:.85;position:absolute;inset:0}.hero-code-snippet{-webkit-backdrop-filter:blur(18px);background:#0a0a10e0;border:1px solid #ffffff0f;border-radius:18px;width:min(360px,100% - 48px);padding:1.5rem;font-family:Fira Code,JetBrains Mono,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;animation:6s ease-in-out infinite alternate floatCard;position:absolute;top:28px;right:auto;transform:translate(-50%);box-shadow:0 25px 60px #00000073}.code-header{align-items:center;gap:8px;margin-bottom:1.25rem;display:flex}.code-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.code-dot-red{background:#ff5f57}.code-dot-yellow{background:#febb2e}.code-dot-green{background:#28c93f}.code-title{color:#fff9;letter-spacing:.08em;text-transform:uppercase;margin-left:auto;font-size:.75rem}.code-body{color:#ffffffc7;gap:.35rem;font-size:.92rem;display:grid}.code-line{display:block;position:relative}.code-indent{padding-left:1.4rem}.code-comment{color:#ffffff59}.code-keyword{color:#ffb347}.code-operator{color:#fff9}.code-function{color:#9ad5ff}.code-paren,.code-object{color:#ffffff8c}.code-string{color:#8ef3c5}.code-cursor{color:var(--accent-strong);animation:1.2s steps(2,start) infinite blinkCursor}@keyframes heroGlow{0%{opacity:.85;transform:scale(1)}to{opacity:1;transform:scale(1.05)}}@keyframes pulseGlow{0%{opacity:.65}to{opacity:.85}}@keyframes floatCard{0%{transform:translateY(0)}to{transform:translateY(-8px)}}@keyframes blinkCursor{0%,49%{opacity:0}50%,to{opacity:1}}@media (max-width:991px){.hero-visual{min-height:360px;margin-top:2rem}.hero-code-snippet{max-width:none;margin:1.5rem;position:relative;bottom:0;left:0;transform:none}}.cookie-banner{z-index:1050;pointer-events:none}.cookie-banner .glass-panel{pointer-events:auto}.language-suggestion{z-index:1100;border:1px solid #ffffff14;width:calc(100% - 2rem);max-width:340px;position:fixed;bottom:1.5rem;right:1.5rem}@media (max-width:575px){.language-suggestion{width:auto;bottom:1rem;left:1rem;right:1rem}}