.app-root{position:relative;min-height:100vh}.bg-glow{position:fixed;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:0}.bg-glow-1{width:600px;height:600px;background:radial-gradient(circle,rgba(74,222,128,.08) 0%,transparent 70%);top:-200px;left:-200px;animation:pulse-glow 6s ease-in-out infinite}.bg-glow-2{width:500px;height:500px;background:radial-gradient(circle,rgba(167,139,250,.07) 0%,transparent 70%);bottom:-150px;right:-150px;animation:pulse-glow 8s ease-in-out infinite reverse}:root{--c-bg: #060b14;--c-bg2: #0a1628;--c-surface: rgba(255,255,255,.04);--c-surface-md: rgba(255,255,255,.08);--c-surface-hi: rgba(255,255,255,.13);--c-border: rgba(255,255,255,.1);--c-border-hi: rgba(100,200,255,.3);--c-accent: #4ade80;--c-accent2: #22d3ee;--c-accent3: #a78bfa;--c-text: #e8f4f8;--c-text-muted: #8aa0b8;--c-text-dim: #4a6070;--glass-blur: 18px;--glass-sat: 180%;--ff-sans: "Nunito", "Noto Sans SC", sans-serif;--ff-serif: "Noto Serif SC", serif;--ff-mono: "JetBrains Mono", monospace;--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--ff-sans);background:var(--c-bg);color:var(--c-text);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}body.fullpage-mode{height:100vh;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--c-bg2)}::-webkit-scrollbar-thumb{background:#64c8ff40;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#64c8ff73}.glass{background:var(--c-surface);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));border:1px solid var(--c-border);border-radius:16px}.glass-md{background:var(--c-surface-md);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));border:1px solid var(--c-border);border-radius:12px}.grad-text{background:linear-gradient(135deg,var(--c-accent),var(--c-accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.grad-text-purple{background:linear-gradient(135deg,var(--c-accent2),var(--c-accent3));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border:none;border-radius:10px;font-family:var(--ff-sans);font-weight:700;font-size:14px;cursor:pointer;transition:all .25s var(--ease-out);text-decoration:none;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--c-accent),#22c55e);color:#021a08;box-shadow:0 0 24px #4ade8059}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 40px #4ade808c}.btn-secondary{background:var(--c-surface-md);color:var(--c-text);border:1px solid var(--c-border-hi);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn-secondary:hover{background:var(--c-surface-hi);transform:translateY(-2px)}.btn-danger{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.btn-danger:hover{background:#ef444440}.btn-sm{padding:6px 14px;font-size:12px;border-radius:7px}.tag{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.5px;background:#4ade801f;color:var(--c-accent);border:1px solid rgba(74,222,128,.25)}.input{width:100%;padding:10px 14px;background:var(--c-surface-md);border:1px solid var(--c-border);border-radius:10px;color:var(--c-text);font-family:var(--ff-sans);font-size:14px;outline:none;transition:border-color .2s}.input:focus{border-color:var(--c-border-hi)}.input::placeholder{color:var(--c-text-dim)}textarea.input{resize:vertical;min-height:80px}select.input option{background:var(--c-bg2)}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:12px;font-weight:700;color:var(--c-text-muted);letter-spacing:.5px;text-transform:uppercase}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulse-glow{0%,to{opacity:.6}50%{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.fade-up{animation:fadeUp .6s var(--ease-out) both}.container{max-width:1200px;margin:0 auto;padding:0 24px}.divider{height:1px;background:var(--c-border);margin:24px 0}.bg-stars{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:radial-gradient(1px 1px at 10% 20%,rgba(255,255,255,.4) 0%,transparent 100%),radial-gradient(1px 1px at 80% 10%,rgba(255,255,255,.3) 0%,transparent 100%),radial-gradient(1px 1px at 50% 70%,rgba(255,255,255,.25) 0%,transparent 100%),radial-gradient(1px 1px at 30% 85%,rgba(100,200,255,.3) 0%,transparent 100%),radial-gradient(1px 1px at 90% 60%,rgba(167,139,250,.3) 0%,transparent 100%)}.md-body{line-height:1.8;color:var(--c-text)}.md-body h1,.md-body h2,.md-body h3,.md-body h4{font-family:var(--ff-serif);font-weight:700;margin:2em 0 .75em;background:linear-gradient(135deg,#fff,var(--c-text));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.md-body h1{font-size:2rem}.md-body h2{font-size:1.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--c-border)}.md-body h3{font-size:1.2rem}.md-body p{margin:.8em 0}.md-body code{font-family:var(--ff-mono);font-size:.85em;background:#64c8ff1a;color:var(--c-accent2);padding:2px 6px;border-radius:5px}.md-body pre{background:#0006;border:1px solid var(--c-border);border-radius:10px;padding:16px;overflow-x:auto;margin:1.2em 0}.md-body pre code{background:none;color:var(--c-text);padding:0}.md-body blockquote{border-left:3px solid var(--c-accent);padding:8px 16px;margin:1em 0;background:#4ade800f;border-radius:0 8px 8px 0;color:var(--c-text-muted)}.md-body ul,.md-body ol{padding-left:1.5em;margin:.8em 0}.md-body li{margin:.3em 0}.md-body a{color:var(--c-accent2);text-decoration:none}.md-body a:hover{text-decoration:underline}.md-body table{width:100%;border-collapse:collapse;margin:1em 0}.md-body th,.md-body td{padding:8px 12px;border:1px solid var(--c-border);font-size:14px}.md-body th{background:#ffffff0d;font-weight:700}.md-body img{max-width:100%;border-radius:8px}