*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--c-primary:#9200ff;--c-primary-dim:#9200ff26;--c-primary-glow:#9200ff66;--c-secondary:#8935c9;--c-accent:#1ae55c;--c-accent-dim:#1ae55c26;--c-accent-glow:#1ae55c59;--c-error:#f6475f;--c-bg:#07070f;--c-bg-2:#0d0820;--c-surface:#ffffff0a;--c-surface-hover:#ffffff12;--c-border:#ffffff14;--c-border-bright:#9200ff59;--c-text:#f0f0ff;--c-text-sub:#f0f0ff8c;--c-text-faint:#f0f0ff4d;--g-primary:linear-gradient(135deg, #9200ff 0%, #50c 100%);--g-accent:linear-gradient(135deg, #1ae55c 0%, #0ecc4a 100%);--g-card:linear-gradient(145deg, #ffffff0f 0%, #ffffff05 100%);--g-dark:linear-gradient(180deg, #07070f 0%, #0d0820 100%);--section-gap:clamp(80px, 12vw, 140px);--content-max:1280px;--content-pad:clamp(20px, 5vw, 80px);--r-sm:8px;--r-md:14px;--r-lg:20px;--r-xl:28px;--r-2xl:40px;color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-family:Poppins,sans-serif;font-size:16px;line-height:1.6}html,body,#root{height:100%}body{overflow-x:hidden}.container{width:100%;max-width:var(--content-max);padding-inline:var(--content-pad);margin-inline:auto}.section{padding-block:var(--section-gap)}.glass{background:var(--g-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--c-border);border-radius:var(--r-lg)}.glass-bright{-webkit-backdrop-filter:blur(24px);border:1px solid var(--c-border-bright);border-radius:var(--r-lg);background:#9200ff12}.gradient-text{background:var(--g-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-accent{background:var(--g-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-primary{background:var(--g-primary);color:#fff;border-radius:var(--r-md);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:8px;padding:14px 28px;font-family:Poppins,sans-serif;font-size:15px;font-weight:600;text-decoration:none;transition:opacity .2s,transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 24px #9200ff66}.btn-primary:hover{opacity:.92;transform:translateY(-2px);box-shadow:0 8px 32px #9200ff8c}.btn-outline{color:var(--c-text);border:1px solid var(--c-border-bright);border-radius:var(--r-md);cursor:pointer;background:0 0;align-items:center;gap:8px;padding:13px 28px;font-family:Poppins,sans-serif;font-size:15px;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.btn-outline:hover{background:var(--c-primary-dim);border-color:var(--c-primary);transform:translateY(-2px)}.btn-accent{background:var(--g-accent);color:#07070f;border-radius:var(--r-md);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:8px;padding:14px 28px;font-family:Poppins,sans-serif;font-size:15px;font-weight:700;text-decoration:none;transition:opacity .2s,transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 24px #1ae55c59}.btn-accent:hover{opacity:.92;transform:translateY(-2px);box-shadow:0 8px 32px #1ae55c80}.section-label{background:var(--c-primary-dim);color:#b060ff;letter-spacing:.08em;text-transform:uppercase;border:1px solid #9200ff4d;border-radius:100px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 16px;font-size:12px;font-weight:600;display:inline-flex}.section-label-accent{background:var(--c-accent-dim);color:#1ae55c;letter-spacing:.08em;text-transform:uppercase;border:1px solid #1ae55c4d;border-radius:100px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 16px;font-size:12px;font-weight:600;display:inline-flex}.glow-line{background:var(--g-primary);border-radius:2px;width:60px;height:3px;margin-bottom:24px;box-shadow:0 0 12px #9200ff99}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--c-bg)}::-webkit-scrollbar-thumb{background:#9200ff66;border-radius:3px}::selection{color:#fff;background:#9200ff4d}@media (width<=768px){:root{--section-gap:64px}}