:root{--color-bg-primary:#0b0f14;--color-bg-secondary:#0d0d0fcc;--color-primary:#f59e0b;--color-highlight:#fbbf24;--color-dark-orange:#d97706;--color-text-primary:#fff;--color-text-secondary:#9ca3af;--color-border:#f59e0b33;--color-border-hover:#f59e0b66}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;max-width:100vw;margin:0;padding:0;overflow-x:hidden}body{background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}@keyframes glow-pulse{0%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}to{opacity:.8;transform:scale(1)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.ambient-glow{filter:blur(80px);pointer-events:none;z-index:0;background:radial-gradient(circle,#f59e0b26 0%,#0000 70%);border-radius:50%;animation:6s ease-in-out infinite glow-pulse;position:absolute}.glass-panel{-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);background:#ffffff05;border-radius:16px;transition:all .3s}.glass-panel:hover{border-color:var(--color-border-hover);background:#f59e0b0d;transform:translateY(-2px);box-shadow:0 8px 32px #f59e0b1a}.text-gradient{background:linear-gradient(90deg, var(--color-highlight), var(--color-primary), var(--color-dark-orange));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-primary{background:linear-gradient(135deg, var(--color-primary), var(--color-dark-orange));color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 4px 15px #f59e0b4d}.btn-primary:hover{background:linear-gradient(135deg, var(--color-highlight), var(--color-primary));transform:translateY(-1px);box-shadow:0 6px 20px #f59e0b80}.btn-secondary{color:var(--color-text-primary);border:1px solid var(--color-border);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .3s;display:inline-flex}.btn-secondary:hover{border-color:var(--color-highlight);background:#ffffff0d}.container{z-index:10;max-width:1200px;margin:0 auto;padding:0 24px;position:relative}.section{padding:100px 0;position:relative}.grid-2{grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid}@media (width<=768px){.grid-2{grid-template-columns:1fr}}.code-window{border:1px solid var(--color-border);background:#111827;border-radius:12px;overflow:hidden;box-shadow:0 20px 40px #00000080}.code-header{background:#ffffff0d;border-bottom:1px solid #ffffff1a;gap:8px;padding:12px 16px;display:flex}.code-dot{border-radius:50%;width:12px;height:12px}.code-dot.red{background:#ff5f56}.code-dot.yellow{background:#ffbd2e}.code-dot.green{background:#27c93f}.code-body{color:#e5e7eb;white-space:pre;padding:24px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:14px;line-height:1.6;overflow-x:auto}.keyword{color:#f59e0b}.string{color:#a7f3d0}.function{color:#60a5fa}.comment{color:#9ca3af;font-style:italic}.hero-section{text-align:center;flex-direction:column;justify-content:center;min-height:80vh;padding-top:160px;display:flex}.hero-title{letter-spacing:-.02em;margin-bottom:24px;font-size:4rem;font-weight:800;line-height:1.1}.section-title{margin-bottom:16px;font-size:2.5rem;font-weight:700}.hero-buttons{justify-content:center;gap:16px;margin-bottom:60px;display:flex}@media (width<=768px){.hero-title{font-size:2.5rem}.section-title{font-size:2rem}.hero-buttons{flex-direction:column;padding:0 16px}.hero-buttons a{width:100%}.hero-section{min-height:auto;padding-top:100px}.section{padding:60px 0!important}.ambient-glow{width:300px!important;height:300px!important}.grid-2>div{min-width:0}.code-window{min-width:0;max-width:100%}}