:root{--background:#060608;--foreground:#f0f0f5;--primary:#4f8ef7;--primary-light:#6ea6ff;--primary-glow:#4f8ef766;--primary-glow-strong:#4f8ef799;--secondary:#9b6dff;--secondary-light:#b48dff;--secondary-glow:#9b6dff66;--accent:#0fd98e;--accent-glow:#0fd98e59;--accent-amber:#f5a623;--accent-amber-glow:#f5a6234d;--accent-red:#f05c5c;--surface-50:#ffffff05;--surface-100:#ffffff0a;--surface-200:#ffffff14;--surface-300:#ffffff24;--surface-400:#ffffff38;--border-subtle:#ffffff14;--border-mid:#ffffff24;--border-highlight:#ffffff3d;--font-sans:"Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--glass-bg:#08080eb8;--glass-border:1px solid #ffffff1a;--glass-shadow:0 8px 40px 0 #0000008c;--radius-xs:4px;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-xl:32px;--radius-full:9999px;--ease-out-expo:cubic-bezier(.16,1,.3,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--dur-fast:.15s;--dur-base:.22s;--dur-slow:.38s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--background);max-width:100vw;color:var(--foreground);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(18px);border:var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--glass-shadow)}.gradient-text{background:linear-gradient(135deg,var(--primary-light)0%,var(--secondary)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.container{max-width:1260px;margin:0 auto;padding:0 1.5rem}.btn-primary{border-radius:var(--radius-full);background:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%);color:#fff;font-family:var(--font-sans);cursor:pointer;transition:transform var(--dur-base)var(--ease-spring),box-shadow var(--dur-base)ease,opacity var(--dur-fast)ease;box-shadow:0 0 24px -6px var(--primary-glow);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary:hover{box-shadow:0 0 36px -6px var(--primary-glow-strong);transform:translateY(-2px)}.btn-primary:active{opacity:.9;transform:translateY(0)}.btn-primary:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{border-radius:var(--radius-full);color:var(--foreground);font-family:var(--font-sans);border:1px solid var(--border-mid);cursor:pointer;transition:background var(--dur-base)ease,border-color var(--dur-base)ease,transform var(--dur-base)var(--ease-spring);background:0 0;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn-secondary:hover{background:var(--surface-200);border-color:var(--border-highlight);transform:translateY(-1px)}.btn-secondary:active{transform:translateY(0)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.field-input,.field-select,.field-textarea{border-radius:var(--radius-sm);border:1px solid var(--border-mid);width:100%;color:var(--foreground);font-family:var(--font-sans);transition:border-color var(--dur-base)ease,box-shadow var(--dur-base)ease,background var(--dur-base)ease;appearance:none;background:#ffffff0a;padding:.85rem 1rem;font-size:.95rem}.field-input::placeholder,.field-textarea::placeholder{color:#ffffff4d}.field-input:focus,.field-select:focus,.field-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);background:#4f8ef70f;outline:none}.field-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23888' d='M6 8L0 0h12z'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;padding-right:2.5rem}.field-select option,select option{color:#fff;background:#1a1a2e}.field-textarea{resize:vertical;min-height:120px;line-height:1.6}.badge{border-radius:var(--radius-full);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:.3rem;padding:.2rem .65rem;font-size:.7rem;font-weight:700;display:inline-flex}.badge-blue{color:var(--primary-light);background:#4f8ef726;border:1px solid #4f8ef74d}.badge-amber{color:var(--accent-amber);background:#f5a6231f;border:1px solid #f5a6234d}.badge-green{color:var(--accent);background:#0fd98e1f;border:1px solid #0fd98e4d}.badge-purple{color:var(--secondary-light);background:#9b6dff26;border:1px solid #9b6dff4d}.badge-muted{background:var(--surface-200);color:#ffffff8c;border:1px solid var(--border-subtle)}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}@keyframes aurora{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-up{animation:fadeUp .55s var(--ease-out-expo)forwards}.animate-fade-in{animation:.5s forwards fadeIn}.loading-screen{color:#fff6;letter-spacing:.08em;justify-content:center;align-items:center;min-height:100vh;font-size:1rem;display:flex}.animated-gradient-bg{background:linear-gradient(135deg,#060608 0%,#0a0e1a 20%,#0c0820 40%,#08101a 60%,#06080f 80%,#060608 100%) 0 0/400% 400%;animation:14s infinite aurora}.grain-overlay{position:relative}.grain-overlay:after{content:"";border-radius:inherit;pointer-events:none;opacity:.03;mix-blend-mode:overlay;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)'/%3E%3C/svg%3E");background-size:200px 200px;position:absolute;inset:0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--surface-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--surface-400)}