:root{--background: #080c16;--foreground: #f1f5f9;--card: #0b111e;--card-foreground: #f1f5f9;--popover: #0e1525;--popover-foreground: #f1f5f9;--primary: #21cab9;--primary-foreground: #080c16;--secondary: #191f2e;--secondary-foreground: #dbe6f0;--muted: #1d2435;--muted-foreground: #7588a3;--accent: #21cab9;--accent-foreground: #080c16;--destructive: #dc2828;--destructive-foreground: #f8fafc;--border: #20283c;--input: #191f2e;--ring: #21cab9;--radius: 12px;--gradient-primary: linear-gradient(135deg, hsl(174 72% 46%) 0%, hsl(192 91% 45%) 100%);--gradient-card: linear-gradient(180deg, hsl(222 47% 10%) 0%, hsl(222 47% 8%) 100%);--shadow-card: 0 4px 24px -4px hsl(222 47% 4% / .5);--shadow-glow: 0 0 60px -15px hsl(174 72% 46% / .4)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;background:var(--background);color:var(--foreground);line-height:1.5}a{color:var(--primary);text-decoration:none}.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius);background:#0b111ed9;background:var(--card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}:root{--background: 223 47% 6%;--foreground: 210 40% 96%;--card: 221 46% 8%;--card-foreground: 210 40% 96%;--popover: 221 45% 10%;--popover-foreground: 210 40% 96%;--primary: 174 72% 46%;--primary-foreground: 223 47% 6%;--secondary: 222 30% 14%;--secondary-foreground: 210 43% 90%;--muted: 222 29% 16%;--muted-foreground: 215 20% 55%;--accent: 174 72% 46%;--accent-foreground: 223 47% 6%;--destructive: 0 72% 51%;--destructive-foreground: 210 40% 98%;--border: 223 30% 18%;--input: 222 30% 14%;--ring: 174 72% 46%;--radius: 12px;--gradient-primary: linear-gradient(135deg, hsl(174 72% 46%) 0%, hsl(192 91% 45%) 100%);--gradient-card: linear-gradient(180deg, hsl(222 47% 10%) 0%, hsl(222 47% 8%) 100%);--gradient-glow: radial-gradient(ellipse at center, hsl(174 72% 46% / .15) 0%, transparent 70%);--shadow-card: 0 4px 24px -4px hsl(222 47% 4% / .5);--shadow-glow: 0 0 60px -15px hsl(174 72% 46% / .4)}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;background:hsl(var(--background));color:hsl(var(--foreground));line-height:1.5}a{color:hsl(var(--primary));text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible{outline:none;box-shadow:0 0 0 3px hsl(var(--ring) / .25)}.container{max-width:1100px;margin:0 auto;padding:32px 20px}.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid hsl(var(--border));border-radius:var(--radius);background:hsl(var(--card) / .85);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{font-weight:700;letter-spacing:-.02em;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent}.row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.hero{margin-top:20px;padding:28px;border-radius:calc(var(--radius) + 4px);border:1px solid hsl(var(--border));background:var(--gradient-card);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:-120px -120px auto auto;width:320px;height:320px;background:hsl(var(--primary) / .18);filter:blur(60px);border-radius:999px;box-shadow:var(--shadow-glow);pointer-events:none}.hero h1{margin:0 0 10px;font-size:clamp(28px,4vw,44px);letter-spacing:-.03em}.hero p{margin:0 0 18px;max-width:60ch;color:hsl(var(--secondary-foreground))}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:10px;border:1px solid hsl(var(--border));background:hsl(var(--secondary));color:hsl(var(--secondary-foreground));cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease}.btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:hsl(var(--primary));border-color:hsl(var(--primary) / .6);color:hsl(var(--primary-foreground))}.btn-danger{background:hsl(var(--destructive));border-color:hsl(var(--destructive) / .6);color:hsl(var(--destructive-foreground))}.grid{margin-top:18px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.card{padding:20px;border-radius:var(--radius);border:1px solid hsl(var(--border));background:hsl(var(--card) / .6);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card h3{margin:0 0 8px;font-size:1.1rem}.muted{color:hsl(var(--muted-foreground))}.field{display:flex;flex-direction:column;gap:6px;margin-top:10px}input{padding:10px 12px;border-radius:10px;border:1px solid hsl(var(--input));background:hsl(var(--popover));color:hsl(var(--popover-foreground))}input::placeholder{color:hsl(var(--muted-foreground))}input:focus{border-color:hsl(var(--ring))}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:hsl(var(--background))}::-webkit-scrollbar-thumb{background:hsl(var(--border));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:hsl(var(--muted-foreground))}