@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";html{scroll-behavior:smooth}:root{--font-inter: "Inter", sans-serif;--section-padding: 6rem 5%;--transition-smooth: all .2s ease;--border-radius: 16px}html.light,[data-theme=light]{--bg-dark: #f8fafc;--bg-darker: #f1f5f9;--primary: #6366f1;--primary-hover: #4f46e5;--accent: #a855f7;--text-main: #0f172a;--text-dim: #64748b;--glass-bg: rgba(255, 255, 255, .8);--glass-border: rgba(0, 0, 0, .1);--glass-hover: rgba(255, 255, 255, .95);--card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .05)}html.dark,[data-theme=dark]{--bg-dark: #0f172a;--bg-darker: #020617;--primary: #6366f1;--primary-hover: #4f46e5;--accent: #a855f7;--text-main: #f8fafc;--text-dim: #cbd5e1;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--glass-hover: rgba(255, 255, 255, .08);--card-shadow: 0 8px 32px 0 rgba(0, 0, 0, .3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-inter);background:var(--bg-dark);color:var(--text-main);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .2s ease,color .2s ease;width:100vw}html.dark body{background:radial-gradient(circle at top right,rgba(99,102,241,.15),transparent 50%),radial-gradient(circle at bottom left,rgba(168,85,247,.15),transparent 50%),#0f172a;background-attachment:fixed}#root{min-height:100vh;position:relative;width:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}html.dark ::-webkit-scrollbar-thumb{background:#475569}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 5%}.glass{background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--border-radius);box-shadow:var(--card-shadow);transition:var(--transition-smooth)}.glass-card{transition:var(--transition-smooth);background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--border-radius)}.glass-card:hover{background:var(--glass-hover);border-color:#fff3;transform:translateY(-2px);box-shadow:var(--card-shadow)}html.light .glass-card:hover{border-color:#0003}.btn-primary,.btn-secondary{position:relative;transition:var(--transition-smooth);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;outline:none;font-family:var(--font-inter);font-weight:600;font-size:.875rem;border-radius:var(--border-radius)}.btn-primary{padding:10px 24px;background:var(--primary);color:#fff;border:none;box-shadow:0 4px 14px #6366f163}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #6366f13b}.btn-secondary{padding:10px 24px;background:var(--glass-bg);color:var(--text-main);border:1px solid rgba(255,255,255,.2);box-shadow:var(--card-shadow)}html.light .btn-secondary{border:1px solid rgba(0,0,0,.1)}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff4d}html.light .btn-secondary:hover{background:#0000000d;border-color:#0003}h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--text-main)}h2{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:600;margin-bottom:1.5rem;color:var(--text-main);letter-spacing:-.01em}h3{font-size:1.25rem;font-weight:600;color:var(--text-main)}p{color:var(--text-dim);font-size:1rem;line-height:1.6}section{padding:var(--section-padding);width:100%}@media(max-width:768px){:root{--section-padding: 3rem 1.5rem}}
