:root{--bg: #07090f;--bg-1: #0a0e1a;--bg-2: #0f1320;--bg-3: #141a2a;--bg-4: #1a2236;--text: #f5f5f5;--text-soft: rgba(245, 245, 245, .72);--text-muted: rgba(245, 245, 245, .48);--text-faint: rgba(245, 245, 245, .32);--accent: #ff6b4a;--accent-2: #f7b733;--accent-soft: rgba(255, 107, 74, .18);--accent-grad: linear-gradient(135deg, #ff6b4a 0%, #f7b733 100%);--accent-grad-text: linear-gradient(135deg, #ffb86b 0%, #fff176 50%, #ff6b4a 100%);--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .14);--line-faint: rgba(255, 255, 255, .05);--radius: 10px;--radius-lg: 14px;--radius-xl: 18px;--shadow: 0 22px 60px rgba(0, 0, 0, .4);--shadow-glow: 0 18px 42px rgba(255, 107, 74, .22);--max: 1180px;--ink: var(--text);--ink-dark: var(--text);--ink-soft: var(--text-soft);--ink-muted: var(--text-muted);--paper: var(--bg-2);--line-dark: var(--line);--cosmos-blue: var(--accent-2);--cosmos-blue-dark: var(--accent);--cosmos-orange: var(--accent);--cosmos-violet: var(--accent);--cosmos-gold: var(--accent-2);--cosmos-pink: var(--accent);--cosmos-mint: var(--accent-2)}*{box-sizing:border-box}html,body{margin:0;padding:0;min-width:320px;color:var(--text);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,"Apple Color Emoji","Segoe UI Emoji";scroll-behavior:smooth;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg)}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--bg-4);border-radius:10px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:#ff6b4a66}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;color:inherit}.app{min-height:100vh;background:var(--bg)}.container{width:100%;max-width:var(--max);margin:0 auto;padding:0 22px}.section{position:relative;overflow:hidden;padding:100px 0;color:var(--text);background:var(--bg)}.section-light{color:var(--text);background:var(--bg)}.section-light:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:84px 84px;opacity:.6;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.85),transparent 82%);mask-image:linear-gradient(180deg,rgba(0,0,0,.85),transparent 82%)}.section-light:after{display:none}.section .container{position:relative;z-index:2}.section-title{max-width:820px;margin:0 0 14px;color:var(--text);font-size:clamp(34px,4.7vw,56px);line-height:1.02;letter-spacing:-.018em;font-weight:950}.section-subtitle{max-width:790px;margin:0 0 36px;color:var(--text-soft);font-size:16.5px;line-height:1.74}.grid{display:grid;gap:24px}.card{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(145deg,#ffffff0a,#ffffff04);box-shadow:0 18px 48px #00000059;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.pill{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;border:1px solid rgba(255,107,74,.3);background:#ff6b4a1a;color:#ffb86b;font-size:12px;font-weight:900;letter-spacing:.04em}.btn,.btnPrimary,.btnGhost{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 22px;border-radius:var(--radius);border:1px solid transparent;cursor:pointer;font-weight:900;line-height:1;text-decoration:none;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,background .24s ease}.btnPrimary{color:#07090f;background:var(--accent-grad);box-shadow:0 18px 42px #ff6b4a4d}.btnPrimary:hover{transform:translateY(-3px);box-shadow:0 28px 64px #ff6b4a6b}.btnGhost{color:var(--text);background:#ffffff0a;border-color:var(--line-strong)}.btnGhost:hover{transform:translateY(-3px);background:#ffffff12;border-color:var(--accent);box-shadow:0 18px 38px #ff6b4a29}@media(max-width:900px){.section{padding:80px 0}.section-subtitle{margin-bottom:34px}}@media(max-width:560px){.container{padding:0 18px}.section{padding:64px 0}.section-title{font-size:clamp(31px,11vw,40px)}.section-subtitle{font-size:15.5px}}
