@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap";:root{--text-xs: clamp(.75rem, .7rem + .25vw, .875rem);--text-sm: clamp(.875rem, .8rem + .35vw, 1rem);--text-base: clamp(1rem, .95rem + .25vw, 1.125rem);--text-lg: clamp(1.125rem, 1rem + .75vw, 1.5rem);--text-xl: clamp(1.5rem, 1.2rem + 1.25vw, 2.25rem);--text-hero: clamp(2.25rem, 1rem + 5vw, 4.5rem);--space-1: .25rem;--space-2: .5rem;--space-3: .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;--radius-sm: .375rem;--radius-md: .625rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--transition-fast: .12s cubic-bezier(.16,1,.3,1);--transition-base: .2s cubic-bezier(.16,1,.3,1);--transition-slow: .35s cubic-bezier(.16,1,.3,1);--font-display: "Plus Jakarta Sans", -apple-system, sans-serif;--font-body: "Inter", -apple-system, sans-serif;--content-narrow: 640px;--content-default: 960px;--content-wide: 1200px;--navbar-height: 64px}:root,[data-theme=light]{--color-bg: #f8f9fb;--color-surface: #ffffff;--color-surface-2: #f3f4f6;--color-surface-offset: #eef0f3;--color-border: #e2e4e9;--color-divider: #eef0f3;--color-text: #111827;--color-text-muted: #6b7280;--color-text-faint: #9ca3af;--color-primary: #0ea5e9;--color-primary-hover: #0284c7;--color-primary-active: #0369a1;--color-success: #16a34a;--color-success-subtle: #dcfce7;--color-error: #dc2626;--color-error-subtle: #fef2f2;--color-warning: #d97706;--color-warning-subtle: #fffbeb;--bg-rgb: 248, 249, 251;--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.07), 0 2px 4px rgba(0,0,0,.04);--shadow-lg: 0 12px 32px rgba(0,0,0,.1), 0 4px 8px rgba(0,0,0,.05);--shadow-glow: 0 0 0 1px rgba(14,165,233,.3), 0 4px 24px rgba(14,165,233,.18)}[data-theme=dark]{--color-bg: #0d1117;--color-surface: #161b22;--color-surface-2: #1c2128;--color-surface-offset: #21262d;--color-border: #30363d;--color-divider: #21262d;--color-text: #e6edf3;--color-text-muted: #8b949e;--color-text-faint: #484f58;--color-primary: #38bdf8;--color-primary-hover: #7dd3fc;--color-primary-active: #bae6fd;--color-success: #3fb950;--color-success-subtle: #0d2c15;--color-error: #f85149;--color-error-subtle: #2d0f0f;--color-warning: #d29922;--color-warning-subtle: #2d1e00;--bg-rgb: 13, 17, 23;--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.4);--shadow-lg: 0 12px 32px rgba(0,0,0,.5);--shadow-glow: 0 0 0 1px rgba(56,189,248,.3), 0 4px 24px rgba(56,189,248,.14)}@media (prefers-color-scheme: dark){:root:not([data-theme]){--color-bg: #0d1117;--color-surface: #161b22;--color-surface-2: #1c2128;--color-surface-offset: #21262d;--color-border: #30363d;--color-divider: #21262d;--color-text: #e6edf3;--color-text-muted: #8b949e;--color-text-faint: #484f58;--color-primary: #38bdf8;--color-primary-hover: #7dd3fc;--color-primary-active: #bae6fd;--color-success: #3fb950;--color-success-subtle: #0d2c15;--color-error: #f85149;--color-error-subtle: #2d0f0f;--color-warning: #d29922;--color-warning-subtle: #2d1e00;--bg-rgb: 13, 17, 23;--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.4);--shadow-lg: 0 12px 32px rgba(0,0,0,.5);--shadow-glow: 0 0 0 1px rgba(56,189,248,.3), 0 4px 24px rgba(56,189,248,.14)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth;scroll-padding-top:var(--space-16)}body{min-height:100dvh;font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg);line-height:1.65;transition:background var(--transition-base),color var(--transition-base);padding-bottom:0}@media (max-width: 767px){body{padding-bottom:68px}}img,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);text-wrap:balance;line-height:1.2}p,li{text-wrap:pretty}button{cursor:pointer;background:none;border:none}table{border-collapse:collapse;width:100%}a,button,[role=button],input,textarea,select{transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:var(--radius-sm)}::selection{background:#0ea5e933;color:var(--color-text)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.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}.container{max-width:var(--content-default);margin-inline:auto;padding-inline:clamp(1rem,4vw,2rem)}.container-narrow{max-width:var(--content-narrow);margin-inline:auto;padding-inline:clamp(1rem,4vw,2rem)}.container-wide{max-width:var(--content-wide);margin-inline:auto;padding-inline:clamp(1rem,4vw,2rem)}.navbar-glass{background:rgba(var(--bg-rgb),.82)!important;backdrop-filter:blur(16px) saturate(180%)!important;-webkit-backdrop-filter:blur(16px) saturate(180%)!important;border-bottom:1px solid rgba(255,255,255,.07)!important}[data-theme=light] .navbar-glass{border-bottom:1px solid rgba(0,0,0,.06)!important}.nav-link-active{position:relative}.nav-link-active:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:16px;height:2px;background:var(--color-primary);border-radius:2px}.credits-chip-low{animation:creditsPulse 2s ease-in-out infinite}@keyframes creditsPulse{0%,to{box-shadow:0 0 #dc262666}50%{box-shadow:0 0 0 6px #dc262600}}.admin-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .6rem;background:linear-gradient(135deg,#8b5cf626,#0ea5e926);border:1px solid rgba(139,92,246,.3);border-radius:var(--radius-full);font-size:.65rem;font-weight:700;color:#8b5cf6;letter-spacing:.06em;text-transform:uppercase}[data-theme=dark] .admin-badge{color:#a78bfa;border-color:#a78bfa4d;background:linear-gradient(135deg,#8b5cf61f,#38bdf814)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-interactive{transition:box-shadow var(--transition-base),transform var(--transition-base),border-color var(--transition-base)}.card-interactive:hover{box-shadow:var(--shadow-md);border-color:#0ea5e94d;transform:translateY(-2px)}.card-glow{box-shadow:var(--shadow-glow),var(--shadow-md)!important;border-color:var(--color-primary)!important}.card-glow:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(ellipse at top,rgba(14,165,233,.06),transparent 70%);pointer-events:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem 1.1rem;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;border:1px solid transparent;white-space:nowrap;text-decoration:none;transition:all var(--transition-fast);cursor:pointer;line-height:1;font-family:var(--font-body)}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-sm{padding:.4rem .75rem;font-size:var(--text-xs)}.btn-lg{padding:.75rem 1.5rem;font-size:var(--text-base)}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 1px 2px #0ea5e940}.btn-primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:scale(1.01);box-shadow:0 4px 12px #0ea5e94d}.btn-primary:active{background:var(--color-primary-active);transform:scale(.99)}.btn-secondary{background:var(--color-surface-2);color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover{background:var(--color-surface-offset);border-color:#0ea5e94d;transform:scale(1.01)}.btn-ghost{background:transparent;color:var(--color-text-muted);border-color:transparent}.btn-ghost:hover{background:var(--color-surface-2);color:var(--color-text)}.btn-danger{background:var(--color-error-subtle);color:var(--color-error);border-color:transparent}.btn-danger:hover{background:var(--color-error);color:#fff}.input{width:100%;padding:.6rem .9rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0ea5e91f}.input::placeholder{color:var(--color-text-faint)}.textarea{resize:vertical;min-height:100px;line-height:1.6}.select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2rem;cursor:pointer}.label{display:block;font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);margin-bottom:.375rem;letter-spacing:.04em;text-transform:uppercase}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.22rem .6rem;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;line-height:1.4;white-space:nowrap;letter-spacing:.02em}.badge-primary{background:#0ea5e91f;color:var(--color-primary)}.badge-neutral{background:var(--color-surface-2);color:var(--color-text-muted);border:1px solid var(--color-border)}.badge-easy{background:#16a34a1f;color:var(--color-success)}.badge-medium{background:#d977061f;color:var(--color-warning)}.badge-hard{background:#dc26261f;color:var(--color-error)}.divider{border:none;border-top:1px solid var(--color-divider);margin:1.25rem 0}.spinner{width:18px;height:18px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite;display:inline-block;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,var(--color-surface-2) 25%,var(--color-surface-offset) 50%,var(--color-surface-2) 75%);background-size:800px 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.skeleton-text{height:.875em;margin-bottom:.4rem}.skeleton-text:last-child{width:65%}.ticker-inner{display:flex;width:max-content;animation:ticker 40s linear infinite}.ticker-inner:hover{animation-play-state:paused}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.blur-lock{filter:blur(5px);-webkit-user-select:none;user-select:none;pointer-events:none}.lock-overlay-glass{position:absolute;top:0;right:0;bottom:0;left:0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:rgba(var(--bg-rgb),.4);border-radius:inherit;display:flex;align-items:center;justify-content:center;z-index:2}.watermark-container{position:relative;overflow:hidden}.watermark{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;overflow:hidden}.watermark-text{position:absolute;left:-20%;width:140%;font-size:.7rem;color:#0ea5e90a;font-weight:600;transform:rotate(-25deg);white-space:nowrap;-webkit-user-select:none;user-select:none;letter-spacing:.05em}[data-theme=dark] .watermark-text{color:#38bdf80a}.hero-dot-grid{background-image:radial-gradient(circle,rgba(14,165,233,.18) 1px,transparent 1px);background-size:24px 24px}[data-theme=dark] .hero-dot-grid{background-image:radial-gradient(circle,rgba(56,189,248,.12) 1px,transparent 1px)}.hero-glow{background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(14,165,233,.1),transparent 70%)}[data-theme=dark] .hero-glow{background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(56,189,248,.08),transparent 70%)}@media (prefers-reduced-motion: no-preference){@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:fadeUp .3s ease forwards}.fade-up{opacity:0;animation:fadeUp .5s ease forwards}.fade-up-delay-1{animation-delay:.08s}.fade-up-delay-2{animation-delay:.16s}.fade-up-delay-3{animation-delay:.24s}.stagger-1{animation:fadeUp .4s ease forwards;animation-delay:.05s;opacity:0}.stagger-2{animation:fadeUp .4s ease forwards;animation-delay:.1s;opacity:0}.stagger-3{animation:fadeUp .4s ease forwards;animation-delay:.15s;opacity:0}.stagger-4{animation:fadeUp .4s ease forwards;animation-delay:.2s;opacity:0}}.toast-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:9999;display:flex;flex-direction:column;gap:.5rem;pointer-events:none;max-width:min(380px,calc(100vw - 2rem))}@media (max-width: 767px){.toast-container{bottom:80px}}.toast{display:flex;align-items:center;gap:.625rem;padding:.75rem 1rem;border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:500;pointer-events:all;box-shadow:var(--shadow-lg);animation:toastIn .3s ease forwards;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text)}.toast-success{border-color:#16a34a4d;background:var(--color-success-subtle)}.toast-error{border-color:#dc26264d;background:var(--color-error-subtle)}.toast-info{border-color:#0ea5e94d;background:#0ea5e914}@keyframes toastIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:64px;background:rgba(var(--bg-rgb),.92);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-top:1px solid var(--color-border);z-index:99;padding:0 .5rem;align-items:center;justify-content:space-around;gap:0}@media (max-width: 767px){.mobile-bottom-nav{display:flex}}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.5rem 1rem;min-height:48px;min-width:64px;border-radius:var(--radius-md);text-decoration:none;color:var(--color-text-muted);font-size:.65rem;font-weight:600;letter-spacing:.03em;transition:color var(--transition-fast),background var(--transition-fast);cursor:pointer;background:none;border:none;justify-content:center}.mobile-nav-item:hover,.mobile-nav-item.active{color:var(--color-primary);background:#0ea5e914}.mobile-nav-item svg{width:22px;height:22px;flex-shrink:0}.auth-split-left{background:linear-gradient(135deg,#0369a1,#0ea5e9,#38bdf8);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;border-radius:var(--radius-xl) 0 0 var(--radius-xl)}.auth-split-left:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(255,255,255,.12) 1px,transparent 1px);background-size:28px 28px}.auth-floating-shape{position:absolute;border-radius:50%;background:#ffffff14;animation:floatShape 6s ease-in-out infinite}@keyframes floatShape{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}.ai-score-bar{display:flex;align-items:center;gap:.4rem}.ai-score-track{flex:1;height:4px;background:var(--color-surface-2);border-radius:9999px;overflow:hidden}.ai-score-fill{height:100%;border-radius:9999px;transition:width .6s ease}.ai-score-fill.green{background:var(--color-success)}.ai-score-fill.yellow{background:var(--color-warning)}.ai-score-fill.red{background:var(--color-error)}.domain-card-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;z-index:0;transition:transform .4s ease}.domain-card-img-wrap:hover .domain-card-img{transform:scale(1.05)}.domain-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000bf,#00000059 60%,#0000001a);border-radius:inherit;z-index:1}.avatar-gradient{background:linear-gradient(135deg,#0ea5e9,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;flex-shrink:0}@keyframes countPulse{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.credit-count-animate{animation:countPulse .4s ease}.step-progress-bar{height:3px;background:var(--color-surface-2);border-radius:9999px;overflow:hidden;position:relative}.step-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),#38bdf8);border-radius:9999px;transition:width .4s cubic-bezier(.16,1,.3,1)}.admin-status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.admin-status-dot.pending{background:var(--color-warning);box-shadow:0 0 0 3px #d9770626}.admin-status-dot.approved{background:var(--color-success);box-shadow:0 0 0 3px #16a34a26}.admin-status-dot.rejected{background:var(--color-error);box-shadow:0 0 0 3px #dc262626}.admin-row-hover:hover{background:#0ea5e90a}.btn-approve{background:var(--color-success);color:#fff;border-color:var(--color-success);font-size:var(--text-xs);padding:.35rem .7rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;border:1px solid transparent;transition:all var(--transition-fast)}.btn-approve:hover{background:#15803d;transform:scale(1.02)}.btn-reject{background:transparent;color:var(--color-error);border:1px solid var(--color-error);font-size:var(--text-xs);padding:.35rem .7rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-reject:hover{background:var(--color-error);color:#fff}@keyframes typewriterCursor{0%,to{opacity:1}50%{opacity:0}}.typewriter-cursor:after{content:"|";animation:typewriterCursor 1s step-end infinite;color:var(--color-primary);margin-left:1px}@media (min-width: 768px){.mobile-only{display:none!important}}@media (max-width: 767px){.desktop-only{display:none!important}}