:root{--bg-app: #E8EAEF;--bg-surface: #E8EAEF;--bg-surface-soft: #DFE2E8;--bg-surface-inset: #E1E4EA;--primary: #4F46E5;--primary-hover: #4338CA;--primary-light: #DFE2FD;--primary-glow: rgba(79, 70, 229, .35);--accent-cyan: #4F46E5;--accent-cyan-light: #DFE2FD;--text-main: #0F172A;--text-muted: #475569;--text-subtle: #64748B;--border-light: rgba(163, 177, 198, .35);--border-glass: rgba(255, 255, 255, .7);--success: #10B981;--success-bg: #D1FAE5;--warning: #F59E0B;--warning-bg: #FEF3C7;--error: #EF4444;--error-bg: #FEE2E2;--shadow-soft-xs: -2px -2px 5px #FFFFFF, 2px 2px 5px rgba(163, 177, 198, .5);--shadow-soft-sm: -4px -4px 9px #FFFFFF, 4px 4px 9px rgba(163, 177, 198, .55);--shadow-soft-md: -6px -6px 14px #FFFFFF, 6px 6px 14px rgba(163, 177, 198, .6);--shadow-soft-lg: -9px -9px 22px #FFFFFF, 9px 9px 22px rgba(163, 177, 198, .7);--shadow-inset-xs: inset 1.5px 1.5px 3px rgba(163, 177, 198, .5), inset -1.5px -1.5px 3px #FFFFFF;--shadow-inset-sm: inset 2.5px 2.5px 5px rgba(163, 177, 198, .55), inset -2.5px -2.5px 5px #FFFFFF;--shadow-inset-md: inset 4px 4px 8px rgba(163, 177, 198, .6), inset -4px -4px 8px #FFFFFF;--shadow-inset-lg: inset 6px 6px 12px rgba(163, 177, 198, .65), inset -6px -6px 12px #FFFFFF;--font-body: "Poppins", system-ui, -apple-system, sans-serif;--font-code: "Geist", monospace;--font-display: "Orbitron", system-ui, -apple-system, sans-serif;--font-brand: "Syncopate", "Syne", "Michroma", sans-serif}[data-theme=dark]{--bg-app: #181B22;--bg-surface: #181B22;--bg-surface-soft: #1E232D;--bg-surface-inset: #13161C;--text-main: #F1F5F9;--text-muted: #94A3B8;--text-subtle: #64748B;--border-light: rgba(255, 255, 255, .05);--border-glass: rgba(255, 255, 255, .08);--shadow-soft-xs: -2px -2px 5px rgba(255, 255, 255, .04), 2px 2px 5px rgba(0, 0, 0, .7);--shadow-soft-sm: -4px -4px 8px rgba(255, 255, 255, .05), 4px 4px 8px rgba(0, 0, 0, .75);--shadow-soft-md: -6px -6px 14px rgba(255, 255, 255, .05), 6px 6px 14px rgba(0, 0, 0, .85);--shadow-soft-lg: -9px -9px 20px rgba(255, 255, 255, .06), 9px 9px 20px rgba(0, 0, 0, .9);--shadow-inset-xs: inset 2px 2px 4px rgba(0, 0, 0, .7), inset -2px -2px 4px rgba(255, 255, 255, .04);--shadow-inset-sm: inset 3px 3px 6px rgba(0, 0, 0, .8), inset -3px -3px 6px rgba(255, 255, 255, .04);--shadow-inset-md: inset 5px 5px 10px rgba(0, 0, 0, .85), inset -5px -5px 10px rgba(255, 255, 255, .05);--shadow-inset-lg: inset 7px 7px 14px rgba(0, 0, 0, .9), inset -7px -7px 14px rgba(255, 255, 255, .06)}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-app);color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}.font-display{font-family:var(--font-display)!important;letter-spacing:-.01em}.brand-logo-text{font-family:var(--font-brand)!important;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--primary)}.soft-card{background:var(--bg-surface);box-shadow:var(--shadow-soft-md);border-radius:18px;transition:all .25s cubic-bezier(.16,1,.3,1);position:relative;border:1px solid rgba(255,255,255,.5)}.soft-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft-lg)}.soft-card-static{background:var(--bg-surface);box-shadow:var(--shadow-soft-md);border-radius:18px;border:1px solid rgba(255,255,255,.5)}.soft-inset{background:var(--bg-surface-inset);box-shadow:var(--shadow-inset-sm);border-radius:14px;border:1px solid rgba(163,177,198,.2)}.neu-card{background:var(--bg-surface);box-shadow:var(--shadow-soft-md);border-radius:18px;border:1px solid rgba(255,255,255,.5)}.neu-raised{background:var(--bg-surface);box-shadow:var(--shadow-soft-md);border-radius:14px}.neu-inset{background:var(--bg-surface-inset);box-shadow:var(--shadow-inset-sm);border-radius:14px}.soft-btn,.neu-btn{background:var(--bg-surface);box-shadow:var(--shadow-soft-sm);color:var(--text-main);border-radius:12px;padding:10px 18px;font-weight:600;font-size:13.5px;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.6);transition:all .18s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none}.soft-btn:hover,.neu-btn:hover{color:var(--primary);box-shadow:var(--shadow-soft-md);transform:translateY(-1px)}.soft-btn:active,.soft-btn.active,.neu-btn:active,.neu-btn.active{background:var(--bg-surface-inset);box-shadow:var(--shadow-inset-sm)!important;color:var(--primary);transform:translateY(1px)}.soft-btn-primary,.neu-btn-primary{background:var(--primary);color:#fff!important;border-radius:12px;padding:10px 20px;font-weight:700;font-size:13.5px;display:inline-flex;align-items:center;gap:8px;box-shadow:-3px -3px 8px #ffffffb3,4px 4px 12px #4f46e573;border:1px solid rgba(255,255,255,.3);transition:all .18s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none}.soft-btn-primary:hover,.neu-btn-primary:hover{background:var(--primary-hover);box-shadow:-4px -4px 12px #fffc,6px 6px 16px #4f46e58c;transform:translateY(-1px)}.soft-btn-primary:active,.soft-btn-primary.active,.neu-btn-primary:active,.neu-btn-primary.active{background:#3730a3;box-shadow:inset 3px 3px 6px #0006,inset -2px -2px 4px #fff3!important;transform:translateY(1px)}.app-shell{display:flex;min-height:100vh;background-color:var(--bg-app)}.desktop-sidebar{width:240px;position:fixed;top:0;left:0;bottom:0;background:var(--bg-surface);box-shadow:4px 0 16px #a3b1c673;z-index:50;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.6)}.main-viewport{margin-left:240px;flex:1;display:flex;flex-direction:column;min-width:0;padding-bottom:40px;background-color:var(--bg-app)}.top-navbar{height:68px;position:sticky;top:0;z-index:40;background:var(--bg-surface);box-shadow:0 4px 14px #a3b1c666;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid rgba(255,255,255,.6)}.content-container{max-width:1440px;width:100%;margin:0 auto;padding:28px}.mobile-bottom-nav{display:none}@media (max-width: 1024px){.desktop-sidebar{display:none}.main-viewport{margin-left:0;padding-bottom:104px!important}.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:64px;background:var(--bg-surface);box-shadow:0 -4px 16px #a3b1c680;z-index:100!important;align-items:center;justify-content:space-around;padding:0 8px;border-top:1px solid rgba(255,255,255,.6)}}@media (max-width: 640px){html,body,.app-shell{overflow-x:hidden;max-width:100vw}.top-navbar{padding:0 10px!important;height:62px}.content-container{padding:16px 12px 32px!important}.hero-card{padding:32px 16px!important}.hero-heading{font-size:26px!important}.hero-sub{font-size:15px!important}.hero-search-card{padding:6px 8px 6px 12px!important;gap:8px!important}.hero-search-card input{font-size:14px!important}}@media (max-width: 360px){.top-navbar{padding:0 6px!important;height:58px}.content-container{padding:12px 8px 32px!important}.hero-search-card button{padding:10px 16px!important;font-size:13px!important}}.soft-inset,.neu-input{background:var(--bg-surface-inset);box-shadow:var(--shadow-inset-sm);border:1px solid rgba(163,177,198,.25);border-radius:12px;transition:all .2s ease}.soft-inset:focus-within,.neu-input:focus-within,.neu-input:focus{border-color:var(--primary)!important;box-shadow:var(--shadow-inset-md),0 0 0 3px #4f46e533!important;outline:none}select.soft-btn{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px!important;cursor:pointer;border-radius:12px;transition:all .2s ease}select.soft-btn:hover,select.soft-btn:focus{border-color:var(--primary);color:var(--primary);box-shadow:var(--shadow-soft-md)}.rank-badge{width:30px;min-width:30px;height:30px;border-radius:10px;background:var(--bg-surface-inset);color:var(--primary);font-weight:800;font-size:13px;line-height:1;display:inline-flex;align-items:center;justify-content:center;text-align:center;box-shadow:var(--shadow-inset-xs);flex-shrink:0;border:1px solid rgba(163,177,198,.25)}.quality-chip{padding:5px 12px;border-radius:9999px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:4px;box-shadow:var(--shadow-soft-xs);background:var(--bg-surface)}.quality-chip-excellent{background:var(--bg-surface);color:var(--success);border:1.5px solid var(--success)}.quality-chip-good{background:var(--bg-surface);color:var(--primary);border:1.5px solid var(--primary)}.quality-chip-warning{background:var(--bg-surface);color:var(--warning);border:1.5px solid var(--warning)}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:var(--bg-surface-inset)}::-webkit-scrollbar-thumb{background:#a3b1c6;border-radius:4px}.search-bar-wrap{position:relative;width:100%}.search-bar{display:flex;align-items:center;gap:12px;background:var(--bg-surface-inset);border:1.5px solid rgba(163,177,198,.35);border-radius:14px;padding:12px 16px;box-shadow:var(--shadow-inset-sm);transition:all .2s ease}.search-bar:focus-within{border-color:var(--primary);box-shadow:var(--shadow-inset-md),0 0 0 3px #4f46e533}.search-input{flex:1;border:none;background:none;outline:none;color:var(--text-main);font-size:15px;font-family:var(--font-body);min-height:28px}.search-input::placeholder{color:var(--text-subtle)}.search-clear{padding:6px 10px;color:var(--text-subtle);font-size:16px;border:none;background:none;cursor:pointer;transition:color .15s}.search-clear:hover{color:var(--error)}.search-submit{padding:10px 22px;background:var(--primary);color:#fff;font-weight:700;font-size:14px;border:none;border-radius:10px;cursor:pointer;box-shadow:-2px -2px 6px #fff9,3px 3px 8px #4f46e566;transition:all .2s}.search-submit:hover{background:var(--primary-hover);box-shadow:-3px -3px 8px #fffc,4px 4px 12px #4f46e580}.search-submit:active{background:#3730a3;box-shadow:inset 2px 2px 4px #0006}.search-suggestions{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--bg-surface);border:1px solid rgba(255,255,255,.7);border-radius:14px;box-shadow:var(--shadow-soft-lg);list-style:none;padding:8px;z-index:50;max-height:280px;overflow-y:auto}.search-suggestion-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;font-size:14px;color:var(--text-main);cursor:pointer;transition:all .15s}.search-suggestion-item:hover,.search-suggestion-item.active{background:var(--bg-surface-inset);box-shadow:var(--shadow-inset-xs);color:var(--primary);font-weight:600}.search-suggestion-icon{font-size:14px;color:var(--text-subtle)}.neu-dropdown{position:relative;display:inline-block}.neu-dropdown-trigger{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-surface);border:1px solid rgba(255,255,255,.7);border-radius:12px;box-shadow:var(--shadow-soft-sm);font-size:13.5px;font-weight:600;font-family:var(--font-body);color:var(--text-main);cursor:pointer;transition:all .2s ease;white-space:nowrap}.neu-dropdown-trigger:hover{color:var(--primary);box-shadow:var(--shadow-soft-md)}.neu-dropdown-trigger.is-open{background:var(--bg-surface-inset);box-shadow:var(--shadow-inset-sm);color:var(--primary)}.neu-dropdown-chevron{font-size:12px;color:var(--text-subtle);transition:transform .2s ease}.neu-dropdown-chevron.is-open{transform:rotate(180deg)}.neu-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:100%;background:var(--bg-surface);border:1px solid rgba(255,255,255,.8);border-radius:14px;box-shadow:var(--shadow-soft-lg);list-style:none;padding:8px;z-index:70;max-height:320px;overflow:hidden;display:flex;flex-direction:column;animation:neuDropdownFadeIn .15s cubic-bezier(.16,1,.3,1)}@keyframes neuDropdownFadeIn{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.neu-dropdown-search-row{padding:6px 6px 8px;border-bottom:1px solid rgba(163,177,198,.25);list-style:none}.neu-dropdown-search{width:100%;padding:8px 12px;border:1px solid rgba(163,177,198,.3);border-radius:8px;background:var(--bg-surface-inset);box-shadow:var(--shadow-inset-xs);font-size:13px;font-family:var(--font-body);color:var(--text-main);outline:none;transition:border-color .2s}.neu-dropdown-search:focus{border-color:var(--primary)}.neu-dropdown-search::placeholder{color:var(--text-subtle)}.neu-dropdown-scroll-area{overflow-y:auto;max-height:260px;list-style:none;padding:4px 0}.neu-dropdown-item{padding:9px 14px;border-radius:8px;font-size:13.5px;color:var(--text-main);cursor:pointer;transition:all .12s ease;white-space:nowrap}.neu-dropdown-item:hover{background:var(--bg-surface-inset);box-shadow:var(--shadow-inset-xs);color:var(--primary)}.neu-dropdown-item.is-selected{background:var(--bg-surface-inset);box-shadow:var(--shadow-inset-xs);color:var(--primary);font-weight:700}.neu-dropdown-empty{display:block;padding:16px;text-align:center;font-size:13px;color:var(--text-subtle)}.trust-ring-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.trust-ring-value{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px}.legal-page{max-width:860px;margin:0 auto;padding:32px 20px;display:flex;flex-direction:column;gap:28px}.legal-title{font-size:32px;font-weight:900;color:var(--text-main);letter-spacing:-.02em;margin-bottom:8px}.legal-section{background:var(--bg-surface);box-shadow:var(--shadow-soft-md);border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:12px;border:1px solid rgba(255,255,255,.6)}.legal-section h2{font-size:18px;font-weight:800;color:var(--primary);margin:0}.legal-section p{font-size:14.5px;color:var(--text-muted);line-height:1.6;margin:0}.auth-input-has-toggle{padding-right:42px!important}.auth-toggle-password-btn,.neu-password-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:transparent;color:var(--text-subtle);border:none;cursor:pointer;padding:0;transition:all .15s ease;flex-shrink:0}.auth-toggle-password-btn:hover,.neu-password-toggle:hover{color:var(--primary);background:var(--bg-surface-soft)}.auth-toggle-password-btn:active,.neu-password-toggle:active{transform:scale(.95)}.password-requirements-card{background:var(--bg-surface-inset);border:1px solid rgba(163,177,198,.25);border-radius:12px;padding:12px 14px;box-shadow:var(--shadow-inset-xs);display:flex;flex-direction:column;gap:10px;animation:neuReqFadeIn .2s cubic-bezier(.16,1,.3,1)}@keyframes neuReqFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.password-requirements-header{display:flex;justify-content:space-between;align-items:center;font-size:12px}.password-requirements-title{font-weight:700;color:var(--text-main)}.password-requirements-count{font-size:11.5px;font-weight:600;transition:color .2s ease}.password-strength-container{display:flex;align-items:center;gap:10px}.password-strength-track{flex:1;height:5px;background:#a3b1c640;border-radius:999px;overflow:hidden}.password-strength-bar{height:100%;border-radius:999px;transition:width .3s cubic-bezier(.16,1,.3,1),background-color .3s ease}.password-strength-text{font-size:11.5px;font-weight:700;min-width:58px;text-align:right;text-transform:capitalize}.password-requirements-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:6px 12px}.password-req-item{display:flex;align-items:center;gap:7px;font-size:12px;line-height:1.3;transition:all .2s ease}.password-req-icon{width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s cubic-bezier(.16,1,.3,1)}.password-req-bullet{width:6px;height:6px;border-radius:50%;background:var(--text-subtle);opacity:.5;transition:all .2s ease}.password-req-item.is-pending{color:var(--text-subtle)}.password-req-item.is-unmet{color:var(--text-muted)}.password-req-item.is-unmet .password-req-bullet{background:var(--error);opacity:.8}.password-req-item.is-met{color:var(--text-main);font-weight:600}.password-req-item.is-met .password-req-icon{background:var(--success);color:#fff;box-shadow:0 1px 4px #10b98159;transform:scale(1.05)}.password-req-label{transition:color .2s ease}
