:root{--color-background:#fff;--color-surface:#f8f9fa;--color-surface-elevated:#fff;--color-primary:#06f;--color-primary-hover:#0052cc;--color-primary-rgb:0,102,255;--color-text-primary:#0a0d14;--color-text-secondary:#5e6570;--color-text-tertiary:#8b919c;--color-border:#e5e7eb;--color-border-focus:var(--color-primary);--color-success:#059669;--color-warning:#f59e0b;--color-error:#dc2626;--color-info:var(--color-primary);--color-hover:rgba(0,102,255,.08);--color-active:rgba(0,102,255,.12);--color-disabled:#e5e7eb;--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell",sans-serif;--font-mono:"SF Mono","Monaco","Inconsolata","Courier New",monospace;--font-size-xs:clamp(0.75rem,0.7rem + 0.25vw,0.875rem);--font-size-sm:clamp(0.875rem,0.8rem + 0.375vw,1rem);--font-size-base:clamp(1rem,0.95rem + 0.25vw,1.0625rem);--font-size-lg:clamp(1.125rem,1.05rem + 0.375vw,1.25rem);--font-size-xl:clamp(1.25rem,1.15rem + 0.5vw,1.5rem);--font-size-2xl:clamp(1.5rem,1.35rem + 0.75vw,1.875rem);--font-size-3xl:clamp(1.875rem,1.65rem + 1.125vw,2.25rem);--font-size-4xl:clamp(2.25rem,1.95rem + 1.5vw,3rem);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.625;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-8:3rem;--space-10:4rem;--space-12:6rem;--space-16:8rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-xs:0 1px 2px rgba(0,0,0,.05);--shadow-sm:0 2px 4px rgba(0,0,0,.05);--shadow-md:0 4px 6px rgba(0,0,0,.07);--shadow-lg:0 10px 15px rgba(0,0,0,.1);--shadow-xl:0 20px 25px rgba(0,0,0,.1);--shadow-focus:0 0 0 3px rgba(0,102,255,.2);--header-height:60px;--sidebar-width:240px;--content-max-width:1200px;--card-peek-height:70px;--duration-fast:150ms;--duration-normal:250ms;--duration-slow:350ms;--duration-spring:400ms;--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-spring:cubic-bezier(0.68,-0.55,0.265,1.55);--touch-target-min:44px;--focus-outline-width:2px;--focus-outline-offset:2px}@media (prefers-color-scheme:dark){:root{--color-background:#0a0d14;--color-surface:#141821;--color-surface-elevated:#1c2232;--color-primary:#4d94ff;--color-primary-hover:#6ba6ff;--color-text-primary:#f0f2f5;--color-text-secondary:#b0b6c3;--color-text-tertiary:#8b919c;--color-border:#2d3443;--color-success:#10b981;--color-warning:#fbbf24;--color-error:#ef4444;--color-hover:rgba(77,148,255,.12);--color-active:rgba(77,148,255,.16);--color-disabled:#2d3443;--shadow-xs:0 1px 2px rgba(0,0,0,.3);--shadow-sm:0 2px 4px rgba(0,0,0,.3);--shadow-md:0 4px 6px rgba(0,0,0,.35);--shadow-lg:0 10px 15px rgba(0,0,0,.4);--shadow-xl:0 20px 25px rgba(0,0,0,.5);--shadow-focus:0 0 0 3px rgba(77,148,255,.3)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body{font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);background-color:var(--color-background)}.text-primary,body{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.bg-surface{background-color:var(--color-surface)}.bg-elevated{background-color:var(--color-surface-elevated)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.transition-default{transition:all var(--duration-normal) var(--ease-default)}:focus-visible{outline:var(--focus-outline-width) solid var(--color-primary);outline-offset:var(--focus-outline-offset);border-radius:var(--radius-sm)}:focus:not(:focus-visible){outline:none}@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body,html{height:100%;width:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;font-weight:400;line-height:1.5;letter-spacing:-.011em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#__next,#app-root{height:100%;width:100%}h1,h2,h3,h4,h5,h6{font-family:Inter,sans-serif;font-weight:600;line-height:1.3;color:var(--color-text-primary);letter-spacing:-.02em}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}a{text-decoration:none;color:var(--color-primary);transition:color var(--duration-fast) var(--ease-default)}a:hover{color:var(--color-primary-hover)}a:focus-visible{outline:var(--focus-outline-width) solid var(--color-primary);outline-offset:var(--focus-outline-offset);border-radius:var(--radius-sm)}.auth-input::placeholder{color:hsla(0,0%,100%,.7)!important;opacity:1}.auth-input::-webkit-input-placeholder{color:hsla(0,0%,100%,.7)!important;opacity:1}.auth-input::-moz-placeholder{color:hsla(0,0%,100%,.7)!important;opacity:1}.auth-input:-ms-input-placeholder{color:hsla(0,0%,100%,.7)!important;opacity:1}button{cursor:pointer;border:none;font-family:var(--font-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-base);border-radius:var(--radius-md);padding:var(--space-3) var(--space-5);background-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm);transition:all var(--duration-fast) var(--ease-default);min-height:var(--touch-target-min);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}button:hover:not(:disabled){background-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}button:disabled{background-color:var(--color-disabled);color:var(--color-text-tertiary);cursor:not-allowed;opacity:.6}button:focus-visible{box-shadow:var(--shadow-focus)}button.btn-secondary{background-color:transparent;border:2px solid var(--color-border);color:var(--color-text-primary)}button.btn-secondary:hover:not(:disabled){border-color:var(--color-primary);background-color:var(--color-hover)}.btn-icon{width:var(--touch-target-min);height:var(--touch-target-min);padding:0;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center}input,select,textarea{font-family:var(--font-primary);width:100%;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-primary);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);outline:none;transition:all var(--duration-fast) var(--ease-default);min-height:var(--touch-target-min);font-size:var(--font-size-base)}input::placeholder,textarea::placeholder{color:var(--color-text-tertiary)}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);border-width:2px;padding:calc(var(--space-3) - 1px) calc(var(--space-4) - 1px);box-shadow:var(--shadow-focus)}input:disabled,select:disabled,textarea:disabled{background-color:var(--color-disabled);cursor:not-allowed;opacity:.6}input.error,select.error,textarea.error{border-color:var(--color-error)}.card{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-md);transition:all var(--duration-normal) var(--ease-default);max-width:var(--content-max-width);margin:0 auto}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.center-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6) var(--space-4)}.center-narrow{max-width:720px;width:100%;margin:0 auto}.fade-in{animation:fadeIn var(--duration-slow) var(--ease-out) forwards}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:var(--radius-full);width:40px;height:40px;animation:spin .8s linear infinite}.form-stack{gap:var(--space-4)}.form-group,.form-stack{display:flex;flex-direction:column}.form-group{gap:var(--space-2)}.form-group label{font-weight:var(--font-weight-medium);color:var(--color-text-primary);font-size:var(--font-size-sm)}.form-error{color:var(--color-error);font-size:var(--font-size-sm);margin-top:var(--space-1)}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-primary);color:#fff;padding:var(--space-2) var(--space-4);text-decoration:none;border-radius:var(--radius-md);z-index:100}.skip-link:focus{top:var(--space-2);left:var(--space-2)}@media (max-width:640px){.card{padding:var(--space-4)}.center-wrapper{padding:var(--space-4) var(--space-3)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.font-regular{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-xs{font-size:12px;line-height:1.4}.text-sm{font-size:13px;line-height:1.5}.text-base{font-size:15px;line-height:1.5}.text-lg{font-size:16px;line-height:1.5}.text-xl{font-size:20px;line-height:1.4}.text-2xl{font-size:24px;line-height:1.3}.text-3xl{font-size:28px;line-height:1.2}.text-4xl{font-size:36px;line-height:1.1}.tracking-tight{letter-spacing:-.02em}.tracking-normal{letter-spacing:-.011em}.tracking-wide{letter-spacing:.02em}.leading-tight{line-height:1.3}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.6}.heading-primary{font-weight:600;letter-spacing:-.02em;line-height:1.3}.body-text,.heading-primary{font-family:Inter,sans-serif}.body-text{font-weight:400;letter-spacing:-.011em;line-height:1.5}.label-text{font-weight:500;font-size:13px;letter-spacing:-.005em}.label-text,.logo-text{font-family:Inter,sans-serif}.logo-text{font-weight:600;letter-spacing:.08em;text-transform:uppercase}.theme-default{background:linear-gradient(135deg,#8360c3,#2ebf91)}.theme-dark{background:linear-gradient(135deg,#141e30,#243b55)}.theme-green{background:linear-gradient(135deg,#a8e063,#56ab2f)}.theme-turquoise{background:linear-gradient(135deg,#89f7fe,#66a6ff)}:root{--glass-bg:hsla(0,0%,100%,.12);--glass-stroke:hsla(0,0%,100%,.25);--glass-blur:saturate(140%) blur(14px);--text-strong:#fff;--text-soft:hsla(0,0%,100%,.85);--shadow-xl:0 20px 50px rgba(0,0,0,.35)}.theme-default{background:linear-gradient(135deg,#6a85ff,#00d7c0)}.theme-aurora{background:linear-gradient(135deg,#8e2de2,#4a00e0)}.theme-ocean{background:linear-gradient(135deg,#2193b0,#6dd5ed)}.theme-sunset{background:linear-gradient(135deg,#f96,#ff5e62)}.theme-forest{background:linear-gradient(135deg,#56ab2f,#a8e063)}.fade-in{animation:fadeIn .8s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}