@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;700;800;900&family=DM+Sans:ital,wght@0,300;0,400;0,500;1,400&display=swap";:root{--bg-base:#07080f;--bg-surface:#0f1120;--bg-elevated:#161929;--bg-glass:#ffffff0a;--accent-cyan:#00e5ff;--accent-pink:#ff2d78;--accent-lime:#b6ff57;--accent-violet:#9b5cff;--text-primary:#f0f2ff;--text-secondary:#8a92b2;--text-muted:#4a5170;--border-subtle:#ffffff12;--border-accent:#00e5ff4d;--grad-primary:linear-gradient(135deg, #00e5ff 0%, #9b5cff 100%);--grad-danger:linear-gradient(135deg, #ff2d78 0%, #ff6b2d 100%);--grad-success:linear-gradient(135deg, #b6ff57 0%, #00e5a0 100%);--grad-bg:radial-gradient(ellipse 80% 60% at 50% -10%, #00e5ff1f 0%, transparent 60%), radial-gradient(ellipse 60% 40% at 90% 80%, #9b5cff14 0%, transparent 50%), #07080f;--font-display:"Syne", sans-serif;--font-body:"DM Sans", sans-serif;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--shadow-glow-cyan:0 0 24px #00e5ff40;--shadow-glow-pink:0 0 24px #ff2d7840;--shadow-card:0 4px 32px #00000080;--transition:.22s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);color:var(--text-primary);background:var(--grad-bg);background-attachment:fixed;min-width:320px;min-height:100vh;font-size:16px;line-height:1.6}body:before{content:"";pointer-events:none;z-index:0;opacity:.6;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");position:fixed;inset:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);font-weight:800;line-height:1.1}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.5rem,3.5vw,2.4rem)}h3{font-size:clamp(1.1rem,2.5vw,1.6rem)}p{color:var(--text-secondary);font-size:.95rem;line-height:1.7}a{color:var(--accent-cyan);transition:color var(--transition), opacity var(--transition);font-weight:500;text-decoration:none}a:hover{color:var(--text-primary);opacity:.9}button{font-family:var(--font-display);letter-spacing:.03em;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);background:var(--bg-glass);color:var(--text-primary);border:none;border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.7em 1.4em;font-size:.9rem;font-weight:700;position:relative;overflow:hidden}button:after{content:"";opacity:0;transition:opacity var(--transition);background:linear-gradient(#ffffff0f,#0000);position:absolute;inset:0}button:hover{box-shadow:var(--shadow-glow-cyan);border-color:var(--border-accent);transform:translateY(-2px)}button:hover:after{opacity:1}button:active{transform:translateY(0)}button:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:3px}button.btn-primary,button[data-variant=primary]{background:var(--grad-primary);color:#000;border:none;box-shadow:0 4px 20px #00e5ff33}button.btn-primary:hover,button[data-variant=primary]:hover{box-shadow:0 6px 30px #00e5ff66}button.btn-danger,button[data-variant=danger]{background:var(--grad-danger);color:#fff;border:none;box-shadow:0 4px 20px #ff2d7833}button.btn-success,button[data-variant=success]{background:var(--grad-success);color:#000;border:none}input,textarea,select{font-family:var(--font-body);color:var(--text-primary);background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;transition:border-color var(--transition), box-shadow var(--transition);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);outline:none;padding:.75em 1em;font-size:.95rem}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:focus,textarea:focus,select:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 3px #00e5ff1f}.card{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-card);transition:border-color var(--transition), box-shadow var(--transition);padding:1.5rem}.card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-card), var(--shadow-glow-cyan)}.text-gradient{background:var(--grad-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-danger-gradient{background:var(--grad-danger);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glow-border{box-shadow:var(--shadow-glow-cyan), inset 0 0 20px #00e5ff0d;border:1px solid #00e5ff66}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#00e5ff4d}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow-pulse{0%,to{box-shadow:0 0 12px #00e5ff33}50%{box-shadow:0 0 28px #00e5ff80}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.animate-fade-up{animation:.4s ease-out both fadeUp}.animate-fade-in{animation:.3s ease-out both fadeIn}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-glow{animation:2.5s ease-in-out infinite glow-pulse}.delay-1{animation-delay:80ms}.delay-2{animation-delay:.16s}.delay-3{animation-delay:.24s}.delay-4{animation-delay:.32s}.badge{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--accent-cyan);background:#00e5ff1a;border:1px solid #00e5ff40;border-radius:99px;align-items:center;gap:4px;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.badge.danger{color:var(--accent-pink);background:#ff2d781a;border-color:#ff2d7840}hr{background:var(--border-subtle);border:none;height:1px;margin:1.5rem 0}::selection{color:var(--text-primary);background:#00e5ff33}