@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--brand:oklch(0.60 0.26 250);--brand-light:oklch(0.70 0.22 250);--brand-dim:oklch(0.60 0.26 250/15%);--brand-glow:oklch(0.60 0.26 250/25%);--bg-base:oklch(0.07 0.012 250);--bg-layer:oklch(0.10 0.015 250);--bg-card:oklch(0.12 0.018 250);--bg-card-hover:oklch(0.14 0.020 250);--text-primary:oklch(0.96 0.005 250);--text-secondary:oklch(0.70 0.010 250);--text-muted:oklch(0.50 0.008 250);--border:oklch(0.96 0.005 250/8%);--border-brand:oklch(0.60 0.26 250/25%);--emerald:oklch(0.72 0.20 162);--amber:oklch(0.75 0.18 85);--rose:oklch(0.65 0.22 10);--violet:oklch(0.65 0.25 290);--radius:16px;--radius-sm:10px}html{scroll-behavior:smooth}body{font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:var(--bg-base);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:oklch(.5 .02 250/40%);border-radius:100px}.container{max-width:1100px}.container,.container-sm{width:100%;margin:0 auto;padding:0 24px}.container-sm{max-width:480px}.gradient-text{background:linear-gradient(135deg,var(--brand-light),var(--violet));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:background .2s,border-color .2s,box-shadow .2s}.card:hover{background:var(--bg-card-hover);border-color:var(--border-brand);box-shadow:0 0 32px var(--brand-glow)}.card-static{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius)}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;border:none;text-decoration:none;transition:all .2s;font-family:inherit}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 0 24px var(--brand-glow),0 4px 16px rgba(0,0,0,.4)}.btn-primary:hover{background:var(--brand-light);transform:translateY(-1px);box-shadow:0 0 36px var(--brand-glow)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--border-brand);color:var(--text-primary)}.btn-danger{background:oklch(.65 .22 10/15%);color:var(--rose);border:1px solid oklch(.65 .22 10/25%)}.btn-danger:hover{background:oklch(.65 .22 10/25%)}.input{width:100%;padding:12px 14px;background:var(--bg-base);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;outline:none;transition:border-color .2s;font-family:inherit}.input:focus{border-color:var(--brand)}.input::placeholder{color:var(--text-muted)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:100px;font-size:11px;font-weight:600;border:1px solid}.badge-brand{color:var(--brand-light);background:var(--brand-dim);border-color:var(--border-brand)}.badge-green{color:var(--emerald);background:oklch(.72 .2 162/10%);border-color:oklch(.72 .2 162/25%)}.badge-amber{color:var(--amber);background:oklch(.75 .18 85/10%);border-color:oklch(.75 .18 85/25%)}.badge-rose{color:var(--rose);background:oklch(.65 .22 10/10%);border-color:oklch(.65 .22 10/25%)}.badge-muted{color:var(--text-muted);background:var(--bg-card-hover);border-color:var(--border)}.noise-overlay{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E")}.orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none}nav{position:fixed;top:0;left:0;right:0;z-index:100;border-bottom:1px solid var(--border);background:oklch(.07 .012 250/85%);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.grid-2{grid-template-columns:repeat(2,1fr);grid-gap:16px}.grid-2,.grid-3{display:grid;gap:16px}.grid-3{grid-template-columns:repeat(3,1fr);grid-gap:16px}@media (max-width:640px){.grid-2,.grid-3{grid-template-columns:1fr}}label.field-label{display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:7px}hr.divider{border:none;height:1px;background:linear-gradient(to right,transparent,var(--border) 30%,var(--border) 70%,transparent)}