:root{--color-brand-50:#edeaff;--color-brand-100:#cfc8ff;--color-brand-200:#afa3ff;--color-brand-300:#8e7eff;--color-brand-400:#6e5eff;--color-brand-500:#4845c7;--color-brand-600:#3a37a8;--color-brand-700:#2d2a88;--color-brand-800:#1f1d68;--color-brand-900:#131248;--color-brand-950:#0a0933;--color-neon-50:#e0fff9;--color-neon-100:#b3fff0;--color-neon-200:#7affe5;--color-neon-300:#38ffd8;--color-neon-400:#00ffd4;--color-neon-500:#00d4af;--color-neon-600:#00a88c;--color-neon-700:#007d68;--color-neon-800:#005244;--color-neon-900:#002921;--color-violet-400:#a855f7;--color-violet-500:#8b3cf7;--color-violet-600:#7225e0;--color-bg-surface:#0e0e1c;--color-bg-elevated:#161628;--color-bg-overlay:#1e1e38;--color-bg-border:#252545;--color-bg-muted:#2e2e58;--color-text-primary:#f2f2ff;--color-text-secondary:#9898c0;--color-text-tertiary:#5858a0;--color-text-inverse:#07070f;--color-text-brand:#7a78e8;--color-text-neon:#00ffd4;--color-success:#0f8;--color-success-muted:#00ff8820;--color-warning:#ffb800;--color-warning-muted:#ffb80020;--color-error:#f36;--color-error-muted:#ff336620;--color-info:#00ffd4;--color-info-muted:#00ffd420;--font-display:"Space Grotesk","Inter",sans-serif;--font-body:"Inter","DM Sans",sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--font-label:"Space Grotesk",sans-serif;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:1.875rem;--text-3xl:2.25rem;--text-4xl:3rem;--text-5xl:3.75rem;--text-6xl:4.5rem;--text-7xl:6rem;--leading-tight:1.1;--leading-snug:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--tracking-tighter:-0.05em;--tracking-tight:-0.025em;--tracking-normal:0em;--tracking-wide:0.05em;--tracking-wider:0.1em;--tracking-widest:0.2em;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--space-40:10rem;--space-48:12rem;--radius-none:0;--radius-xs:0.125rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-3xl:2rem;--radius-full:9999px;--border-width-thin:1px;--border-width-base:1.5px;--border-width-thick:2px;--border-width-heavy:3px;--border-color-default:var(--color-bg-border);--border-color-brand:var(--color-brand-500);--border-color-neon:var(--color-neon-400);--border-color-muted:var(--color-bg-muted);--shadow-sm:0 1px 3px rgba(0,0,0,.4),0 1px 2px rgba(0,0,0,.3);--shadow-md:0 4px 12px rgba(0,0,0,.5),0 2px 6px rgba(0,0,0,.3);--shadow-lg:0 10px 30px rgba(0,0,0,.6),0 4px 12px rgba(0,0,0,.4);--shadow-xl:0 20px 60px rgba(0,0,0,.7),0 8px 24px rgba(0,0,0,.5);--shadow-2xl:0 40px 100px rgba(0,0,0,.8);--glow-neon-sm:0 0 8px rgba(0,255,212,.4);--glow-neon-md:0 0 20px rgba(0,255,212,.5),0 0 40px rgba(0,255,212,.2);--glow-neon-lg:0 0 40px rgba(0,255,212,.6),0 0 80px rgba(0,255,212,.3);--glow-brand-sm:0 0 8px rgba(72,69,199,.5);--glow-brand-md:0 0 20px rgba(72,69,199,.6),0 0 40px rgba(72,69,199,.3);--glow-brand-lg:0 0 40px rgba(72,69,199,.7),0 0 80px rgba(72,69,199,.4);--duration-fast:100ms;--duration-base:200ms;--duration-slow:300ms;--duration-slower:500ms;--duration-slowest:800ms;--ease-default:cubic-bezier(0.4,0,0.2,1);--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-bounce:cubic-bezier(0.34,1.56,0.64,1);--ease-spring:cubic-bezier(0.175,0.885,0.32,1.275);--z-below:-1;--z-base:0;--z-raised:1;--z-dropdown:10;--z-sticky:20;--z-overlay:30;--z-modal:40;--z-popover:50;--z-toast:60;--z-tooltip:70;--container-xs:480px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1440px;--container-max:1600px;--sidebar-width:280px;--topbar-height:64px;--footer-height:80px;--grid-cols-4:repeat(4,1fr);--grid-cols-8:repeat(8,1fr);--grid-cols-12:repeat(12,1fr);--grid-gap-sm:var(--space-4);--grid-gap-md:var(--space-6);--grid-gap-lg:var(--space-8)}*,:after,:before{margin:0;padding:0}body,html{min-height:100%;font-family:var(--font-body);background:var(--color-bg-base);color:var(--color-text-primary);overscroll-behavior:none}body:before{content:"";position:fixed;top:-20%;left:50%;transform:translateX(-50%);width:1000px;height:700px;background:radial-gradient(ellipse at center,rgba(72,69,199,.1) 0,rgba(0,255,212,.03) 45%,transparent 70%);pointer-events:none;z-index:0}.screen{min-height:100dvh;min-height:100vh;display:flex;flex-direction:column}.hidden{display:none!important}.app-header{position:sticky;top:0;z-index:var(--z-sticky);justify-content:space-between;padding:0 1.5rem;height:60px;background:rgba(14,14,28,.9);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--color-bg-border);box-shadow:0 1px 0 rgba(0,255,212,.08)}.app-header,.header-logo{display:flex;align-items:center}.header-logo{gap:.625rem;text-decoration:none}.logo-icon{height:28px;width:auto;flex-shrink:0}.logo-text{font-family:var(--font-display);font-size:1.375rem;font-weight:800;color:var(--color-text-primary);letter-spacing:-.025em}.logo-text span{color:var(--color-neon-400)}.header-right{gap:.75rem}.header-right,.header-user{display:flex;align-items:center}.header-user{gap:.5rem;font-family:var(--font-label);font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary)}.header-user svg{width:16px;height:16px;color:var(--color-neon-400)}.header-user-name{color:var(--color-text-primary)}.header-date{font-family:var(--font-body)}.header-date,.header-nav-link{font-size:var(--text-xs);color:var(--color-text-secondary)}.header-nav-link{display:flex;align-items:center;gap:.35rem;font-family:var(--font-label);font-weight:var(--font-weight-semibold);text-decoration:none;text-transform:uppercase;letter-spacing:var(--tracking-wide);padding:.4rem .6rem;border-radius:var(--radius-md);transition:color .15s ease,background .15s ease}.header-nav-link:hover{color:var(--color-neon-400);background:var(--color-bg-overlay)}.header-nav-link svg{width:14px;height:14px}.btn-logout{display:flex;align-items:center;gap:.4rem;padding:.4rem .875rem;border:1px solid var(--color-bg-border);border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);font-family:var(--font-label);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease;-webkit-tap-highlight-color:transparent}.btn-logout svg{width:14px;height:14px}.btn-logout:hover{border-color:rgba(255,51,102,.4);color:var(--color-error);background:rgba(255,51,102,.06)}.field-group{display:flex;flex-direction:column;gap:.375rem}.field-group label{font-family:var(--font-label);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.field-group input,.field-group select{width:100%;padding:.75rem 1rem;border:var(--border-width-base) solid var(--color-bg-border);border-radius:var(--radius-md);font-size:var(--text-base);font-family:var(--font-body);color:var(--color-text-primary);background:var(--color-bg-surface);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;outline:none;-webkit-appearance:none}.field-group input:focus,.field-group select:focus{border-color:var(--color-neon-400);background:var(--color-bg-elevated);box-shadow:0 0 0 3px rgba(0,255,212,.1)}.field-group input::-moz-placeholder{color:var(--color-text-tertiary)}.field-group input::placeholder{color:var(--color-text-tertiary)}.field-group select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%239898C0' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:14px;padding-right:2.25rem;cursor:pointer}.field-group select option{background:var(--color-bg-elevated);color:var(--color-text-primary)}.alert{padding:.75rem 1rem;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-weight-medium);font-family:var(--font-body)}.alert-error{background:var(--color-error-muted);color:var(--color-error);border-left:3px solid var(--color-error)}.alert-success{background:rgba(0,255,212,.08);color:var(--color-neon-400);border-left:3px solid var(--color-neon-400)}.btn{display:flex;gap:.5rem;padding:.875rem 1.5rem;font-size:var(--text-sm);transition:background .2s ease,transform .1s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease,border-color .2s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.btn-full{width:100%}.btn-primary:hover:not(:disabled){background:var(--color-neon-300);border-color:var(--color-neon-300);box-shadow:var(--glow-neon-md);transform:translateY(-1px) scale(1.01)}.btn-icon{background:transparent;border:none;cursor:pointer;padding:.5rem;border-radius:var(--radius-md);color:var(--color-text-secondary);display:flex;align-items:center;transition:color .2s ease,background .2s ease;-webkit-tap-highlight-color:transparent}.btn-icon:hover{color:var(--color-text-primary);background:var(--color-bg-overlay)}.btn-icon svg{width:20px;height:20px}.btn-spinner{width:18px;height:18px;border:2.5px solid rgba(7,7,15,.35);border-top:2.5px solid var(--color-text-inverse);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}.required-marker{color:var(--color-neon-400);font-weight:var(--font-weight-bold)}.optional-marker{color:var(--color-text-secondary);font-size:.75em;font-weight:var(--font-weight-regular);text-transform:none;letter-spacing:0}.loading-overlay{position:fixed;inset:0;background:rgba(7,7,15,.85);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;z-index:var(--z-modal);color:var(--color-text-primary);font-family:var(--font-label);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.loading-spinner{width:40px;height:40px;border:3px solid rgba(0,255,212,.2);border-top:3px solid var(--color-neon-400);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeUp{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}@keyframes popIn{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-weight-regular);line-height:var(--leading-normal);color:var(--color-text-secondary);background-color:var(--color-bg-base)}.text-display-2xl{font-size:clamp(3rem,8vw,var(--text-7xl));font-weight:var(--font-weight-black);letter-spacing:var(--tracking-tighter)}.text-display-2xl,.text-display-xl{font-family:var(--font-display);line-height:var(--leading-tight);color:var(--color-text-primary)}.text-display-xl{font-size:clamp(2.5rem,6vw,var(--text-6xl));font-weight:var(--font-weight-extrabold);letter-spacing:var(--tracking-tight)}.text-display-lg{font-size:clamp(2rem,4.5vw,var(--text-5xl));font-weight:var(--font-weight-bold);line-height:var(--leading-snug)}.h1,.text-display-lg,h1{font-family:var(--font-display);letter-spacing:var(--tracking-tight);color:var(--color-text-primary)}.h1,h1{font-size:clamp(2.25rem,5vw,var(--text-5xl));font-weight:var(--font-weight-extrabold);line-height:var(--leading-tight);margin:0 0 var(--space-6) 0}.h2,h2{font-size:clamp(1.875rem,4vw,var(--text-4xl));margin:0 0 var(--space-5) 0}.h2,.h3,h2,h3{font-family:var(--font-display);font-weight:var(--font-weight-bold);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight);color:var(--color-text-primary)}.h3,h3{font-size:clamp(1.5rem,3vw,var(--text-3xl));margin:0 0 var(--space-4) 0}.h4,h4{font-size:var(--text-2xl);letter-spacing:var(--tracking-normal);margin:0 0 var(--space-4) 0}.h4,.h5,h4,h5{font-family:var(--font-display);font-weight:var(--font-weight-semibold);line-height:var(--leading-snug);color:var(--color-text-primary)}.h5,h5{font-size:var(--text-xl)}.h5,.h6,h5,h6{margin:0 0 var(--space-3) 0}.h6,h6{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-weight-semibold);line-height:var(--leading-normal);color:var(--color-text-primary)}.text-body-xl{font-size:var(--text-xl)}.text-body-lg,.text-body-xl{font-family:var(--font-body);font-weight:var(--font-weight-regular);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.text-body-lg{font-size:var(--text-lg)}.text-body{font-size:var(--text-base);line-height:var(--leading-relaxed)}.text-body,.text-body-sm{font-family:var(--font-body);font-weight:var(--font-weight-regular);color:var(--color-text-secondary)}.text-body-sm{font-size:var(--text-sm)}.text-body-sm,.text-body-xs{line-height:var(--leading-normal)}.text-body-xs{font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--font-weight-regular);color:var(--color-text-tertiary)}.text-label-lg{font-size:var(--text-md);letter-spacing:var(--tracking-wide)}.text-label,.text-label-lg{font-family:var(--font-label);font-weight:var(--font-weight-semibold);line-height:var(--leading-tight);text-transform:uppercase;color:var(--color-text-secondary)}.text-label{font-size:var(--text-sm);letter-spacing:var(--tracking-wider)}.text-label-sm{font-family:var(--font-label);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);line-height:var(--leading-tight);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-text-tertiary)}.text-mono-lg{font-size:var(--text-lg);font-weight:var(--font-weight-medium)}.text-mono,.text-mono-lg{font-family:var(--font-mono);line-height:var(--leading-relaxed);color:var(--color-neon-400)}.text-mono{font-size:var(--text-sm)}.text-mono,.text-mono-sm{font-weight:var(--font-weight-regular)}.text-mono-sm{font-size:var(--text-xs);line-height:var(--leading-normal);color:var(--color-text-tertiary)}.text-mono-sm,code,pre{font-family:var(--font-mono)}code,pre{font-size:.9em}code{background:var(--color-bg-elevated);padding:.125em .375em;border-radius:var(--radius-sm);border:1px solid var(--color-bg-border)}.text-neon,code{color:var(--color-neon-400)}.text-neon{text-shadow:var(--glow-neon-sm)}.text-neon-glow{color:var(--color-neon-400);text-shadow:0 0 10px rgba(0,255,212,.8),0 0 30px rgba(0,255,212,.4),0 0 60px rgba(0,255,212,.2)}.text-brand{color:var(--color-brand-400)}.text-gradient-brand{background:linear-gradient(135deg,var(--color-brand-400) 0,var(--color-neon-400) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-neon{background:linear-gradient(90deg,var(--color-neon-400) 0,var(--color-violet-400) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.link,a{color:var(--color-text-brand);text-decoration:none;transition:color var(--duration-base) var(--ease-default);cursor:pointer}.link:hover,a:hover{color:var(--color-neon-400);text-shadow:var(--glow-neon-sm)}.link-nav{font-family:var(--font-label);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-decoration:none;letter-spacing:var(--tracking-wide);transition:color var(--duration-base) var(--ease-default)}.link-nav:hover{color:var(--color-text-primary)}.link-nav.active{color:var(--color-neon-400)}.link-underline{position:relative;color:var(--color-text-brand);text-decoration:none}.link-underline:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1.5px;background:var(--color-neon-400);transition:width var(--duration-slow) var(--ease-out)}.link-underline:hover:after{width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-label);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;border:var(--border-width-thick) solid transparent;border-radius:var(--radius-md);cursor:pointer;text-decoration:none;transition:background-color var(--duration-base) var(--ease-default),color var(--duration-base) var(--ease-default),border-color var(--duration-base) var(--ease-default),box-shadow var(--duration-base) var(--ease-default),transform var(--duration-fast) var(--ease-bounce);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;overflow:hidden}.btn:active{transform:scale(.97)}.btn:disabled,.btn[disabled]{opacity:.38;cursor:not-allowed;pointer-events:none}.btn-xs{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn-sm{padding:var(--space-2) var(--space-4)}.btn-md,.btn-sm{font-size:var(--text-sm)}.btn-md{padding:var(--space-3) var(--space-6)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.btn-xl{padding:var(--space-5) var(--space-10);font-size:var(--text-md)}.btn-primary{background:var(--color-neon-400);color:var(--color-text-inverse);border-color:var(--color-neon-400);box-shadow:var(--glow-neon-sm)}.btn-primary:hover{background:var(--color-neon-300);border-color:var(--color-neon-300);box-shadow:var(--glow-neon-md);transform:translateY(-1px) scale(1.01)}.btn-primary:focus-visible{outline:2px solid var(--color-neon-400);outline-offset:3px}.btn-secondary{background:transparent;color:var(--color-neon-400);border-color:var(--color-neon-400)}.btn-secondary:hover{background:rgba(0,255,212,.08);box-shadow:var(--glow-neon-sm);transform:translateY(-1px)}.btn-secondary:focus-visible{outline:2px solid var(--color-neon-400);outline-offset:3px}.btn-brand{background:var(--color-brand-500);color:var(--color-text-primary);border-color:var(--color-brand-500);box-shadow:var(--glow-brand-sm)}.btn-brand:hover{background:var(--color-brand-400);border-color:var(--color-brand-400);box-shadow:var(--glow-brand-md);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--color-text-secondary);border-color:transparent}.btn-ghost:hover{background:var(--color-bg-overlay)}.btn-danger,.btn-ghost:hover{color:var(--color-text-primary)}.btn-danger{background:var(--color-error);border-color:var(--color-error)}.btn-danger:hover{background:#ff1a4d;box-shadow:0 0 20px rgba(255,51,102,.5);transform:translateY(-1px)}.btn-icon{padding:var(--space-3);aspect-ratio:1}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.25),transparent);transform:skewX(-20deg);transition:left var(--duration-slow) var(--ease-out)}.btn-primary:hover:before{left:150%}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-family:var(--font-label);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-text-secondary)}.form-label.required:after{content:" *";color:var(--color-neon-400)}.form-input,.form-select,.form-textarea{width:100%;font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-weight-regular);color:var(--color-text-primary);background:var(--color-bg-surface);border:var(--border-width-base) solid var(--color-bg-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);outline:none;transition:border-color var(--duration-base) var(--ease-default),box-shadow var(--duration-base) var(--ease-default),background var(--duration-base) var(--ease-default);-moz-appearance:none;appearance:none;-webkit-appearance:none}.form-input::-moz-placeholder,.form-textarea::-moz-placeholder{color:var(--color-text-tertiary)}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-tertiary)}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:var(--color-bg-muted)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-neon-400);box-shadow:0 0 0 3px rgba(0,255,212,.12);background:var(--color-bg-elevated)}.form-input.is-error,.form-select.is-error,.form-textarea.is-error{border-color:var(--color-error);box-shadow:0 0 0 3px rgba(255,51,102,.12)}.form-input.is-success,.form-select.is-success,.form-textarea.is-success{border-color:var(--color-success);box-shadow:0 0 0 3px rgba(0,255,136,.12)}.form-input-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.form-input-lg{padding:var(--space-4) var(--space-5);font-size:var(--text-md)}.input-wrapper{position:relative}.input-icon-left{left:var(--space-4)}.input-icon-left,.input-icon-right{position:absolute;top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);pointer-events:none}.input-icon-right{right:var(--space-4)}.input-wrapper .form-input.has-icon-left{padding-left:calc(var(--space-4) + 1.5rem + var(--space-2))}.input-wrapper .form-input.has-icon-right{padding-right:calc(var(--space-4) + 1.5rem + var(--space-2))}.form-textarea{resize:vertical;min-height:120px}.form-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath fill='none' stroke='%239898C0' stroke-linecap='round' stroke-width='1.5' d='m1 1 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center;padding-right:calc(var(--space-4) + 1.5rem);cursor:pointer}.form-checkbox,.form-radio{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;font-size:var(--text-sm);color:var(--color-text-secondary);-webkit-user-select:none;-moz-user-select:none;user-select:none}.form-checkbox input[type=checkbox],.form-radio input[type=radio]{width:18px;height:18px;border:2px solid var(--color-bg-border);background:var(--color-bg-surface);border-radius:var(--radius-sm);-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;transition:all var(--duration-base) var(--ease-default);flex-shrink:0}.form-radio input[type=radio]{border-radius:var(--radius-full)}.form-checkbox input[type=checkbox]:checked{background:var(--color-neon-400);border-color:var(--color-neon-400);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='9'%3E%3Cpath fill='none' stroke='%2307070F' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 4 4 4 6-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:50%;box-shadow:var(--glow-neon-sm)}.form-radio input[type=radio]:checked{border-color:var(--color-neon-400);box-shadow:inset 0 0 0 4px var(--color-neon-400),var(--glow-neon-sm)}.form-hint{color:var(--color-text-tertiary)}.form-error-msg,.form-hint{font-size:var(--text-xs);margin-top:var(--space-1)}.form-error-msg{color:var(--color-error);display:flex;align-items:center;gap:var(--space-1)}.toggle{display:inline-flex;align-items:center;gap:var(--space-3);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.toggle-track{width:48px;height:26px;background:var(--color-bg-muted);border-radius:var(--radius-full);position:relative;transition:background var(--duration-base) var(--ease-default);flex-shrink:0;border:2px solid var(--color-bg-border)}.toggle-track:after{content:"";position:absolute;width:18px;height:18px;border-radius:var(--radius-full);background:var(--color-text-tertiary);top:2px;left:2px;transition:transform var(--duration-base) var(--ease-bounce)}.toggle input:checked+.toggle-track{background:var(--color-bg-surface);border-color:var(--color-neon-400);box-shadow:var(--glow-neon-sm)}.toggle input:checked+.toggle-track:after{transform:translateX(22px);background:var(--color-neon-400)}.toggle input{display:none}.card{background:var(--color-bg-surface);border:var(--border-width-thin) solid var(--color-bg-border);border-radius:var(--radius-xl);position:relative;overflow:hidden;transition:border-color var(--duration-slow) var(--ease-default),box-shadow var(--duration-slow) var(--ease-default),transform var(--duration-slow) var(--ease-default)}.card,.card-glass{padding:var(--space-6)}.card-glass{background:rgba(14,14,28,.7);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:var(--border-width-thin) solid hsla(0,0%,100%,.06);border-radius:var(--radius-xl)}.card-hover{cursor:pointer}.card-hover:hover{border-color:rgba(0,255,212,.3);box-shadow:0 0 0 1px rgba(0,255,212,.1),var(--shadow-lg);transform:translateY(-2px)}.card-neon{border-top:2px solid var(--color-neon-400);box-shadow:0 -4px 20px rgba(0,255,212,.15)}.card-brand{border-top:2px solid var(--color-brand-500);box-shadow:0 -4px 20px rgba(72,69,199,.2)}.card-feature{background:var(--color-bg-surface);border:var(--border-width-thin) solid var(--color-bg-border);border-radius:var(--radius-xl);padding:var(--space-8);transition:all var(--duration-slow) var(--ease-default)}.card-feature:hover{background:var(--color-bg-elevated);border-color:rgba(0,255,212,.25);box-shadow:var(--shadow-lg),0 0 40px rgba(0,255,212,.05);transform:translateY(-3px)}.card:after{content:"";position:absolute;inset:0;border-radius:inherit;opacity:0;transition:opacity var(--duration-slow) var(--ease-default);pointer-events:none;background:radial-gradient(ellipse at 50% 0,rgba(0,255,212,.06) 0,transparent 70%)}.card-feature:hover:after,.card-hover:hover:after{opacity:1}.card-sm{padding:var(--space-4);border-radius:var(--radius-lg)}.card-md{padding:var(--space-6);border-radius:var(--radius-xl)}.card-lg{padding:var(--space-8);border-radius:var(--radius-2xl)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);font-family:var(--font-label);font-size:var(--text-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-wider);text-transform:uppercase;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);white-space:nowrap}.badge-neon{background:rgba(0,255,212,.1);color:var(--color-neon-400);border:1px solid rgba(0,255,212,.3);box-shadow:var(--glow-neon-sm)}.badge-brand{background:rgba(72,69,199,.15);color:var(--color-brand-300);border:1px solid rgba(72,69,199,.4)}.badge-success{background:var(--color-success-muted);color:var(--color-success);border:1px solid rgba(0,255,136,.3)}.badge-error{background:var(--color-error-muted);color:var(--color-error);border:1px solid rgba(255,51,102,.3)}.badge-warning{background:var(--color-warning-muted);color:var(--color-warning);border:1px solid rgba(255,184,0,.3)}.badge-neutral{background:var(--color-bg-elevated);color:var(--color-text-secondary);border:1px solid var(--color-bg-border)}.badge-ai{background:linear-gradient(90deg,rgba(0,255,212,.1),rgba(168,85,247,.1));color:var(--color-neon-400);border:1px solid rgba(0,255,212,.4);animation:badge-pulse 2s ease-in-out infinite}@keyframes badge-pulse{0%,to{box-shadow:0 0 6px rgba(0,255,212,.3)}50%{box-shadow:0 0 14px rgba(0,255,212,.6),0 0 28px rgba(0,255,212,.2)}}.navbar{position:fixed;top:0;left:0;right:0;z-index:var(--z-sticky);height:var(--topbar-height);padding:0 var(--space-8);background:rgba(7,7,15,.85);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--color-bg-border);transition:all var(--duration-slow) var(--ease-default)}.navbar,.navbar-inner{display:flex;align-items:center}.navbar-inner{justify-content:space-between;width:100%;max-width:var(--container-xl);margin:0 auto}.navbar-logo{gap:var(--space-3);text-decoration:none}.navbar-links,.navbar-logo{display:flex;align-items:center}.navbar-links{gap:var(--space-8);list-style:none;margin:0;padding:0}.navbar-actions{display:flex;align-items:center;gap:var(--space-3)}.divider{background:var(--color-bg-border)}.divider,.divider-neon{height:1px;border:none;margin:var(--space-6) 0}.divider-neon{background:linear-gradient(90deg,transparent,var(--color-neon-400),transparent);box-shadow:0 0 8px rgba(0,255,212,.4)}.icon-box{display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);flex-shrink:0}.icon-box-sm{width:36px;height:36px}.icon-box-md{width:48px;height:48px}.icon-box-lg{width:64px;height:64px}.icon-box-xl{width:80px;height:80px}.icon-box-neon{background:rgba(0,255,212,.1);border:1px solid rgba(0,255,212,.2);color:var(--color-neon-400)}.icon-box-brand{background:rgba(72,69,199,.15);border:1px solid rgba(72,69,199,.3);color:var(--color-brand-300)}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + var(--space-2));left:50%;transform:translateX(-50%) translateY(4px);background:var(--color-bg-elevated);color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--text-xs);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-bg-border);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--duration-base) var(--ease-default),transform var(--duration-base) var(--ease-default);z-index:var(--z-tooltip)}[data-tooltip]:hover:after{opacity:1;transform:translateX(-50%) translateY(0)}.section{padding:var(--space-24) var(--space-8)}.section-sm{padding:var(--space-16) var(--space-8)}.container{width:100%;max-width:var(--container-xl);margin:0 auto}.container-narrow{width:100%;max-width:var(--container-md);margin:0 auto}.grid-features{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-2,.grid-features{display:grid;gap:var(--space-6)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-3,.grid-4{display:grid;gap:var(--space-6)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.section{padding:var(--space-16) var(--space-4)}}.bg-glow-neon{position:relative}.bg-glow-neon:before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(0,255,212,.08) 0,transparent 70%);pointer-events:none;top:50%;left:50%;transform:translate(-50%,-50%)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg-base)}::-webkit-scrollbar-thumb{background:var(--color-bg-muted);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-brand-600)}::-moz-selection{background:rgba(0,255,212,.2);color:var(--color-text-primary)}::selection{background:rgba(0,255,212,.2);color:var(--color-text-primary)}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }

/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:JetBrains Mono,Fira Code,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!visible{visibility:visible!important}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.flex-shrink{flex-shrink:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-wrap{flex-wrap:wrap}.border{border-width:1px}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.outline{outline-style:solid}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.text-gradient-brand{background:linear-gradient(135deg,#6e5eff,#00ffd4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-neon{background:linear-gradient(90deg,#00ffd4,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}