:root{--accent:#2563eb;--accent-dark:#1d4ed8;--accent-deeper:#1e40af;--accent-light:rgba(59,130,246,.1);--accent-glow:rgba(37,99,235,.22);--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--text-faint:#94a3b8;--surface:#fff;--surface-off:#f8fafc;--surface-raised:#f1f5f9;--border:#e2e8f0;--auth-card-bg:#fff;--auth-border:#e2e8f0;--input-bg:#fff;--input-border:#cbd5e1;--success:#10b981;--danger:#ef4444;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-xs:0 1px 2px rgba(0,0,0,.04);--shadow-sm:0 1px 4px rgba(0,0,0,.06),0 2px 8px rgba(0,0,0,.04);--shadow-md:0 4px 16px rgba(0,0,0,.08),0 1px 4px rgba(0,0,0,.04);--shadow-lg:0 8px 28px rgba(0,0,0,.1),0 2px 8px rgba(0,0,0,.06);--shadow-xl:0 20px 60px rgba(0,0,0,.14),0 4px 16px rgba(0,0,0,.08);--ease:cubic-bezier(0.22,1,0.36,1);--transition:all 0.22s var(--ease)}.dark-mode{--accent:#60a5fa;--accent-dark:#3b82f6;--accent-deeper:#2563eb;--accent-light:rgba(96,165,250,.1);--accent-glow:rgba(96,165,250,.2);--text-primary:#f0f6ff;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-faint:#64748b;--surface:#1a2535;--surface-off:#111827;--surface-raised:#1f2d3d;--border:#2d3f55;--auth-card-bg:#1a2535;--auth-border:#2d3f55;--input-bg:#111827;--input-border:#2d3f55;--shadow-xs:0 1px 3px rgba(0,0,0,.35);--shadow-sm:0 1px 4px rgba(0,0,0,.4),0 2px 8px rgba(0,0,0,.3);--shadow-md:0 4px 16px rgba(0,0,0,.45),0 1px 4px rgba(0,0,0,.3);--shadow-lg:0 8px 28px rgba(0,0,0,.5),0 2px 8px rgba(0,0,0,.35);--shadow-xl:0 20px 60px rgba(0,0,0,.6),0 4px 16px rgba(0,0,0,.4)}@keyframes fadeDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmerLine{0%{left:-60%}to{left:160%}}.vendor-hero{position:relative;text-align:center;padding:0;overflow:visible;isolation:isolate;margin-bottom:0;touch-action:pan-y;background-color:#eef1f6;background-image:radial-gradient(ellipse 110% 55% at 50% 0,hsla(41,47%,74%,.28) 0,rgba(200,185,140,.08) 42%,transparent 68%),radial-gradient(ellipse 50% 100% at -5% 55%,rgba(100,125,168,.18) 0,transparent 72%),radial-gradient(ellipse 48% 80% at 105% 65%,hsla(40,35%,58%,.14) 0,transparent 68%),radial-gradient(ellipse 70% 45% at 50% 105%,rgba(120,140,175,.16) 0,transparent 60%),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='64'%3E%3Cpath fill='none' stroke='%23768090' stroke-opacity='.048' stroke-width='.42' d='M0 18q60-2.4 120 0t120 0c40-1.6 65-1.6 80 0'/%3E%3Cpath fill='none' stroke='%23768090' stroke-opacity='.036' stroke-width='.34' d='M0 28q75-1.8 150 0t150 0c10-.3 16-.3 20 0'/%3E%3Cpath fill='none' stroke='%23768090' stroke-opacity='.028' stroke-width='.26' d='M0 38q52.5-1.35 105 0t105 0c35-.9 72-.9 110 0'/%3E%3Cpath fill='none' stroke='%23768090' stroke-opacity='.022' stroke-width='.2' d='M0 48q67.5-.9 135 0t135 0c25-.4 40-.4 50 0'/%3E%3Cpath fill='none' stroke='%23768090' stroke-opacity='.016' stroke-width='.16' d='M0 58q82.5-.75 165 0c55 .5 105 .5 155 0'/%3E%3C/svg%3E"),linear-gradient(168deg,#f0eee8,#eaecf2 28%,#e4e8f0 60%,#dce2ee);background-size:auto,auto,auto,auto,320px 64px,auto;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,repeat,no-repeat}#heroWaveSvg,.hero-corner,.hero-grid,.hero-wave,.hero-wave svg{pointer-events:none;touch-action:none}.vendor-hero:before{background:linear-gradient(158deg,hsla(0,0%,100%,.42),hsla(0,0%,100%,.18) 40%,rgba(180,190,210,.08));backdrop-filter:blur(.5px);-webkit-backdrop-filter:blur(.5px)}.vendor-hero:after,.vendor-hero:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none}.vendor-hero:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='280' height='280'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.82' numOctaves='4' stitchTiles='stitch' type='fractalNoise'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath d='M0 0h280v280H0z' filter='url(%23a)' opacity='.018'/%3E%3C/svg%3E")}.vendor-hero .hero-grid{display:none}.vendor-hero .hero-corner{position:absolute;width:32px;height:32px;z-index:3}.vendor-hero .hero-corner.tl{top:16px;left:16px;border-top:1.5px solid rgba(80,100,140,.22);border-left:1.5px solid rgba(80,100,140,.22)}.vendor-hero .hero-corner.tr{top:16px;right:16px;border-top:1.5px solid rgba(80,100,140,.22);border-right:1.5px solid rgba(80,100,140,.22)}.vendor-hero .hero-corner.bl{left:16px;border-left:1.5px solid rgba(80,100,140,.22)}.vendor-hero .hero-corner.bl,.vendor-hero .hero-corner.br{bottom:16px;border-bottom:1.5px solid rgba(80,100,140,.22)}.vendor-hero .hero-corner.br{right:16px;border-right:1.5px solid rgba(80,100,140,.22)}.vendor-hero .hero-content{position:relative;z-index:4;max-width:760px;margin:0 auto;padding:64px 24px 0}.vendor-hero .hero-label{display:flex;align-items:center;justify-content:center;height:48px;padding:0 32px;background:hsla(0,0%,100%,.55);border-top:1px solid rgba(100,120,160,.14);border-bottom:1px solid rgba(100,120,160,.1);backdrop-filter:none!important;-webkit-backdrop-filter:none!important;margin:0}.vendor-hero .hero-symbol{width:104px;height:auto;opacity:.68;stroke-width:1.8;color:#2d3f5c;transition:none}.vendor-hero .hero-label:hover .hero-symbol{transform:translateY(-2px);opacity:.9}.vendor-hero .hero-title{display:flex;align-items:center;justify-content:center;font-size:clamp(1.4rem,3.2vw,2.6rem);font-weight:700;color:#1a2540;height:68px;letter-spacing:-.5px;margin:24px 0;padding:0 20px;text-shadow:0 1px 4px rgba(100,120,160,.12);border-bottom:1px solid rgba(100,120,160,.12);background:hsla(0,0%,100%,.5);backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.vendor-hero .hero-title span{font-style:italic;font-weight:700;color:#2563eb}.vendor-hero .hero-subtitle-wrap{display:flex;align-items:center;justify-content:center;padding:20px 32px;margin:0;border-bottom:1px solid rgba(100,120,160,.1);background:hsla(0,0%,100%,.38);backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.vendor-hero .hero-subtitle{font-size:clamp(.78rem,1.3vw,1rem);font-weight:500;color:#000;letter-spacing:.4px;margin:0;display:block;opacity:.5}.vendor-hero .hero-wave{position:relative;width:100%;height:68px;z-index:4;margin-top:0;line-height:0;overflow:hidden}.vendor-hero .hero-wave svg{width:100%;height:68px;display:block}.dark-mode .vendor-hero{background-color:#030d18;background-image:radial-gradient(ellipse 130% 60% at 50% -8%,rgba(50,140,200,.16) 0,rgba(10,40,70,.06) 45%,transparent 70%),radial-gradient(ellipse 45% 100% at -2% 60%,rgba(1,5,14,.65) 0,transparent 72%),radial-gradient(ellipse 45% 80% at 102% 70%,rgba(0,35,58,.35) 0,transparent 68%),radial-gradient(ellipse 60% 40% at 50% 100%,rgba(0,45,75,.25) 0,transparent 60%),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='64'%3E%3Cpath fill='none' stroke='%2378b8d8' stroke-opacity='.058' stroke-width='.48' d='M0 18q60-2.4 120 0t120 0c40-1.6 65-1.6 80 0'/%3E%3Cpath fill='none' stroke='%2378b8d8' stroke-opacity='.044' stroke-width='.38' d='M0 28q75-1.8 150 0t150 0c10-.3 16-.3 20 0'/%3E%3Cpath fill='none' stroke='%2378b8d8' stroke-opacity='.034' stroke-width='.3' d='M0 38q52.5-1.35 105 0t105 0c35-.9 72-.9 110 0'/%3E%3Cpath fill='none' stroke='%2378b8d8' stroke-opacity='.026' stroke-width='.24' d='M0 48q67.5-.9 135 0t135 0c25-.4 40-.4 50 0'/%3E%3Cpath fill='none' stroke='%2378b8d8' stroke-opacity='.019' stroke-width='.2' d='M0 58q82.5-.75 165 0c55 .5 105 .5 155 0'/%3E%3C/svg%3E"),linear-gradient(175deg,#081e30,#051428 35%,#030d1e 65%,#020810);background-size:auto,auto,auto,auto,320px 64px,auto;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,repeat,no-repeat}.dark-mode .vendor-hero:before{background:linear-gradient(158deg,rgba(60,150,220,.05),hsla(0,0%,100%,.02) 38%,rgba(0,0,0,.08))}.dark-mode .vendor-hero .hero-corner.bl,.dark-mode .vendor-hero .hero-corner.br,.dark-mode .vendor-hero .hero-corner.tl,.dark-mode .vendor-hero .hero-corner.tr{border-color:rgba(130,195,240,.2)}.dark-mode .vendor-hero .hero-label{background:rgba(5,20,40,.45);border-top:1px solid rgba(130,195,240,.11);border-bottom:1px solid rgba(130,195,240,.06)}.dark-mode .vendor-hero .hero-symbol{color:rgba(185,225,252,.8)}.dark-mode .vendor-hero .hero-title{color:#e4f2ff;background:rgba(5,20,40,.4);border-bottom:1px solid rgba(130,195,240,.09);text-shadow:0 2px 20px rgba(0,0,0,.7)}.dark-mode .vendor-hero .hero-title span{color:rgba(100,192,252,.96)}.dark-mode .vendor-hero .hero-subtitle-wrap{background:rgba(5,20,40,.32);border-bottom:1px solid rgba(130,195,240,.06)}.dark-mode .vendor-hero .hero-subtitle{color:rgba(190,222,250,.78)!important}.hero-band{width:100%;padding:2.8rem 1rem 2rem;position:relative;overflow:hidden;background-color:#fff}.dark-mode .hero-band{background:linear-gradient(180deg,#000 0,#111827)}.dark-mode #heroWaveSvg path[data-wave=true]{fill:#000!important}@media (max-width:768px){.vendor-hero .hero-content{padding:51px 16px 0}.vendor-hero .hero-label{height:40px;padding:0 24px}.vendor-hero .hero-symbol{width:88px}.vendor-hero .hero-title{font-size:1.4rem;height:51px}.vendor-hero .hero-subtitle-wrap{padding:16px 24px}.vendor-hero .hero-subtitle{font-size:.72rem}.vendor-hero .hero-wave,.vendor-hero .hero-wave svg{height:56px}}@media (max-width:480px){.vendor-hero .hero-content{padding:34px 12px 0}.vendor-hero .hero-label{height:36px;padding:0 16px}.vendor-hero .hero-symbol{width:72px;stroke-width:2}.vendor-hero .hero-title{height:51px;font-size:1.2rem;padding:0 12px}.vendor-hero .hero-title span{display:inline}.vendor-hero .hero-subtitle-wrap{padding:14px 16px}.vendor-hero .hero-subtitle{font-size:.68rem;letter-spacing:.3px}.vendor-hero .hero-wave,.vendor-hero .hero-wave svg{height:48px}.vendor-hero .hero-corner{width:24px;height:24px}.vendor-hero .hero-corner.tl{top:12px;left:12px}.vendor-hero .hero-corner.tr{top:12px;right:12px}.vendor-hero .hero-corner.bl{bottom:12px;left:12px}.vendor-hero .hero-corner.br{bottom:12px;right:12px}}@media (max-width:360px){.vendor-hero .hero-content{padding:28px 8px 0}.vendor-hero .hero-label{height:32px;padding:0 12px}.vendor-hero .hero-symbol{width:64px;stroke-width:2.2}.vendor-hero .hero-title{height:48px;font-size:1.1rem;padding:0 8px}.vendor-hero .hero-subtitle-wrap{padding:12px}.vendor-hero .hero-subtitle{font-size:.64rem;letter-spacing:.2px}.vendor-hero .hero-wave,.vendor-hero .hero-wave svg{height:44px}.vendor-hero .hero-corner{width:20px;height:20px}.vendor-hero .hero-corner.tl{top:10px;left:10px}.vendor-hero .hero-corner.tr{top:10px;right:10px}.vendor-hero .hero-corner.bl{bottom:10px;left:10px}.vendor-hero .hero-corner.br{bottom:10px;right:10px}}#authSection{padding-top:.5rem;padding-bottom:.5rem;min-height:100vh;display:flex;align-items:center}#authSection .container{max-width:440px;padding-bottom:0;width:100%}.auth-logo{display:flex;justify-content:center;margin-bottom:.6rem}.auth-spocnet-icon{width:65px;height:65px;opacity:0;animation:fadeIn .6s .1s var(--ease) forwards}.auth-spocnet-icon svg{width:100%;height:100%;display:block;filter:drop-shadow(0 4px 10px rgba(37,99,235,.18));transition:transform .35s var(--ease),filter .35s var(--ease)}.auth-spocnet-icon:hover svg{transform:scale(1.1);filter:drop-shadow(0 8px 20px rgba(37,99,235,.32))}.dark-mode .auth-spocnet-icon svg{filter:drop-shadow(0 4px 12px rgba(96,165,250,.22))}.dark-mode .auth-spocnet-icon:hover svg{filter:drop-shadow(0 8px 22px rgba(96,165,250,.4))}.hero-toggle-wrap{display:flex;justify-content:start;margin-top:.5rem}.btn-toggle-theme{display:inline-flex;align-items:center;gap:6px;padding:4px 13px;background:var(--surface);border:1px solid var(--border);border-radius:30px;font-size:.68rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-xs);letter-spacing:.2px;white-space:nowrap}.btn-toggle-theme:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-toggle-theme:active{transform:translateY(0)}.dark-mode .btn-toggle-theme{background:rgba(15,40,70,.6);border-color:rgba(130,195,240,.22);color:rgba(175,215,252,.82)}.dark-mode .btn-toggle-theme:hover{border-color:rgba(130,195,240,.45);color:rgba(210,235,255,.96)}.moon-icon,.sun-icon{font-size:.72rem;transition:transform .4s var(--ease)}.btn-toggle-theme:hover .sun-icon{transform:rotate(180deg)}.btn-toggle-theme:hover .moon-icon{transform:rotate(-180deg)}.home-page-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .9rem;font-size:.82rem;font-weight:500;letter-spacing:.02em;color:#2563eb;background:#eef4ff;border:1.5px solid #c8d8f0;border-radius:8px;cursor:pointer;transition:background .18s,border-color .18s,color .18s}.home-page-btn:hover{background:#eef4ff;border-color:#2563eb}.dark-mode .home-page-btn{background:#1a2840;color:#90b8f0;border-color:#2a3d58}.dark-mode .home-page-btn:hover{border-color:#90b8f0}#authSection .justify-content-center,#authSection .nav-pills-wrap{display:flex;justify-content:center}.nav-pills{width:fit-content;gap:3px;padding:3px;background:var(--surface-off);border:1px solid var(--border);border-radius:var(--radius-md);display:inline-flex;justify-content:center;margin:0 auto 1rem;transition:background .3s ease,border-color .3s ease}.nav-pills .nav-link{font-size:.755rem;font-weight:600;letter-spacing:.2px;border-radius:var(--radius-sm);padding:6px 26px;background:none;color:var(--text-muted);border:1px solid transparent;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}.nav-pills .nav-link:hover{background:var(--surface);color:var(--text-secondary)}.nav-pills .nav-link.active{background:var(--surface);color:var(--accent);border-color:var(--border);box-shadow:var(--shadow-sm)}.dark-mode .nav-pills{background:var(--surface-off);border-color:var(--border)}.dark-mode .nav-pills .nav-link{color:var(--text-muted)}.dark-mode .nav-pills .nav-link:hover{background:var(--surface);color:var(--text-secondary)}.dark-mode .nav-pills .nav-link.active{background:var(--surface);color:var(--accent);border-color:var(--border)}#authSection .tab-pane>form,.bg-body{background:var(--surface)!important;color:var(--text-primary)!important;border:1px solid var(--border);border-top:2px solid var(--accent);border-radius:var(--radius-lg)!important;box-shadow:0 2px 8px rgba(0,0,0,.05),0 8px 24px rgba(0,0,0,.06),inset 0 1px 0 hsla(0,0%,100%,.85);padding:1.4rem!important;max-width:440px;width:100%;margin:0 auto;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}.dark-mode #authSection .tab-pane>form,.dark-mode .bg-body{background:var(--surface)!important;color:var(--text-primary)!important;border-color:var(--border);border-top-color:var(--accent);box-shadow:0 2px 8px rgba(0,0,0,.3),0 8px 28px rgba(0,0,0,.22),inset 0 1px 0 hsla(0,0%,100%,.04)}#authSection .bg-body label,#authSection .tab-pane>form label,.bg-body .auth-form-label,.bg-body>label{font-size:.74rem;font-weight:600;color:var(--text-secondary);transition:color .3s ease;line-height:1.2;margin-bottom:.2rem}#authSection .bg-body .form-control,#authSection .bg-body .form-control-lg,#authSection .tab-pane>form .form-control,#authSection .tab-pane>form .form-control-lg,#forgotPasswordModal .form-control,.bg-body>.form-control,.bg-body>.form-control-lg{font-size:.82rem;padding:.52rem .85rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-off);color:var(--text-primary);width:100%;box-shadow:none;height:auto;line-height:1.4;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}#authSection .bg-body .form-control-lg:focus,#authSection .bg-body .form-control:focus,#authSection .tab-pane>form .form-control-lg:focus,#authSection .tab-pane>form .form-control:focus,#forgotPasswordModal .form-control:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--accent-glow);background:var(--surface)}#authSection .bg-body .form-control-lg::placeholder,#authSection .bg-body .form-control::placeholder,#authSection .tab-pane>form .form-control-lg::placeholder,#authSection .tab-pane>form .form-control::placeholder,#forgotPasswordModal .form-control::placeholder{color:var(--text-faint);font-weight:400}.dark-mode #authSection .bg-body .form-control,.dark-mode #authSection .bg-body .form-control-lg,.dark-mode #authSection .tab-pane>form .form-control,.dark-mode #authSection .tab-pane>form .form-control-lg,.dark-mode #forgotPasswordModal .form-control{background:#0f1f35;color:var(--text-primary);border-color:var(--border)}.dark-mode #authSection .bg-body .form-control-lg:focus,.dark-mode #authSection .bg-body .form-control:focus,.dark-mode #authSection .tab-pane>form .form-control-lg:focus,.dark-mode #authSection .tab-pane>form .form-control:focus,.dark-mode #forgotPasswordModal .form-control:focus{background:#132238;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}#SignIn,#SignUp,#authSection .btn-primary{background:linear-gradient(135deg,var(--accent) 0,var(--accent-dark) 100%);border:none;padding:.62rem 1.2rem;font-size:.82rem;font-weight:600;border-radius:var(--radius-sm);color:#fff;letter-spacing:.4px;text-transform:uppercase;box-shadow:0 1px 2px rgba(37,99,235,.18),0 4px 12px rgba(37,99,235,.22),inset 0 1px 0 hsla(0,0%,100%,.12);width:100%;display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:background .25s ease,box-shadow .25s ease,transform .15s ease,filter .25s ease}#SignIn:hover,#SignUp:hover,#authSection .btn-primary:hover{background:linear-gradient(135deg,var(--accent-dark) 0,var(--accent-deeper) 100%);transform:translateY(-1px);box-shadow:0 2px 4px rgba(37,99,235,.2),0 8px 22px rgba(37,99,235,.28),inset 0 1px 0 hsla(0,0%,100%,.1);color:#fff;filter:brightness(1.06)}#SignIn:active,#SignUp:active,#authSection .btn-primary:active{transform:translateY(0);filter:brightness(.96);box-shadow:0 1px 3px rgba(37,99,235,.18),inset 0 1px 3px rgba(0,0,0,.1)}.dark-mode #SignIn,.dark-mode #SignUp,.dark-mode #authSection .btn-primary{background:linear-gradient(135deg,var(--accent) 0,var(--accent-deeper) 100%);box-shadow:0 1px 3px rgba(37,99,235,.3),0 4px 16px rgba(37,99,235,.28),inset 0 1px 0 hsla(0,0%,100%,.08)}.dark-mode #SignIn:hover,.dark-mode #SignUp:hover,.dark-mode #authSection .btn-primary:hover{box-shadow:0 2px 6px rgba(37,99,235,.38),0 8px 24px rgba(37,99,235,.35),inset 0 1px 0 hsla(0,0%,100%,.06);color:#fff}#googleSignIn{max-width:440px;margin:0 auto!important;font-size:.8rem;font-weight:500;background:var(--surface);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.55rem 1rem;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:var(--shadow-xs);transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .15s ease}#googleSignIn:hover{background:var(--surface-off);border-color:#94a3b8;color:var(--text-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}#googleSignIn:active{transform:translateY(0)}.dark-mode #googleSignIn{background:#0f1f35!important;color:var(--text-secondary)!important;border-color:var(--border)}.dark-mode #googleSignIn:hover{background:#132238!important;border-color:rgba(130,195,240,.3);color:var(--text-primary)!important}.auth-divider{display:flex;align-items:center;gap:10px;margin:.65rem 0;color:var(--text-faint);font-size:.68rem;font-weight:500;letter-spacing:.3px}.auth-divider:after,.auth-divider:before{content:"";flex:1;height:1px;background:var(--border)}.password-toggle-group{position:relative}#toggleSignInPassword,#toggleSignUpPassword{color:var(--text-muted);cursor:pointer;font-size:.85rem;transition:color .2s ease}#toggleSignInPassword:hover,#toggleSignUpPassword:hover{color:var(--accent)}#authSection .fas.fa-info-circle{color:var(--text-muted);cursor:pointer;font-size:.85rem;transition:color .2s ease,transform .2s ease}#authSection .fas.fa-info-circle:hover{color:var(--accent);transform:scale(1.1)}.progress{height:4px;border-radius:3px;background:var(--border);overflow:hidden}.progress-bar{transition:width .35s ease,background-color .35s ease;border-radius:3px}.dark-mode .progress{background:var(--surface-raised)}.forgot-password{font-size:.72rem;color:var(--accent);font-weight:500;text-decoration:none;transition:color .2s ease}.forgot-password:hover{color:var(--accent-dark);text-decoration:underline}.by-signing-up{color:var(--text-muted);font-size:.72rem;line-height:1.6}.privacy-policy,.term-service{color:var(--accent);font-weight:500;text-decoration:none;transition:color .2s ease}.privacy-policy:hover,.term-service:hover{color:var(--accent-dark);text-decoration:underline}.modal-content{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl)}.modal-header{border-bottom:1px solid var(--border);padding:1rem 1.25rem}.modal-body{padding:1.25rem}.btn-close{opacity:.4;transition:opacity .2s ease}.btn-close:hover{opacity:.85}.dark-mode .modal-content{background:var(--surface);border-color:var(--border)}.dark-mode .modal-header{border-bottom-color:var(--border)}#verificationMessage{font-size:.755rem;font-weight:500;padding:10px 14px;border-radius:var(--radius-sm);background:#fef2f2;border:1px solid #fecaca;color:var(--danger);max-width:440px;margin:0 auto}.dark-mode #verificationMessage{background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.25)}.btn-outline-danger{border:1px solid #dc3545;color:#dc3545;font-size:.82rem;font-weight:500;border-radius:var(--radius-sm);padding:.6rem 1.2rem;background:transparent;cursor:pointer;transition:none}.btn-outline-danger:hover{background:#dc3545;color:#fff}.dark-mode .btn-outline-danger{border-color:#f87171;color:#f87171}.dark-mode .btn-outline-danger:hover{background:#f87171;color:#fff}@media (max-width:576px){#authSection{align-items:flex-start;padding-top:1rem}#authSection .tab-pane>form,.bg-body{padding:1.1rem!important;border-radius:var(--radius-md)!important}.nav-pills .nav-link{padding:5px 18px}}@media (max-width:360px){#authSection .tab-pane>form,.bg-body{padding:.9rem!important}.nav-pills .nav-link{padding:5px 14px;font-size:.72rem}}.js-link{color:#2563eb;cursor:pointer}.js-link:hover{color:#1d4ed8}#authSection{position:relative;z-index:1}#spocnet-bg-art{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:0;overflow:hidden;background:#fff}.bg-blob{position:absolute;border-radius:50%;filter:blur(68px);pointer-events:none}.blob-tl{width:240px;height:200px;top:12%;left:11%;background:radial-gradient(circle,rgba(255,230,150,.5),rgba(255,210,100,.3));opacity:.6}.blob-tr{width:360px;height:250px;top:-10px;right:-100px}.blob-bl,.blob-tr{background:radial-gradient(circle,rgba(255,230,150,.5),rgba(255,210,100,.3));opacity:.55}.blob-bl{width:300px;height:260px;bottom:-40px;left:-60px}.blob-br{width:240px;height:200px;bottom:120px;right:170px;background:radial-gradient(circle,rgba(255,230,150,.5),rgba(255,210,100,.3));opacity:.5}.blob-center{width:500px;height:800px;top:50%;left:50%;transform:translate(-50%,-50%);opacity:1}.bg-lines{inset:0;width:100%;height:100%}.bg-lines,.sn-illus{position:absolute;pointer-events:none}.sn-illus svg{width:100%;height:100%;display:block}.globe-wrap{top:3%;right:2.5%}.box-wrap,.globe-wrap{width:clamp(70px,9vw,125px)}.box-wrap{bottom:3%;left:2.5%}.mail-wrap{top:19.7%;left:15%;width:clamp(90px,11vw,120px)}.celebrate-wrap{bottom:2%;right:3%;width:clamp(180px,22vw,320px)}.sn-dot{position:absolute;border-radius:50%;background:linear-gradient(135deg,#a8ccee,#4a8fcc);box-shadow:0 2px 6px rgba(74,143,204,.28)}.dot-1{width:10px;height:10px;top:30%;left:7%}.dot-2{width:6px;height:6px;top:34%;left:11%}.dot-3{width:8px;height:8px;bottom:28%;right:7%}.dot-4{width:5px;height:5px;bottom:32%;right:11%}.sn-check{position:absolute;width:24px;height:24px;background:#22c58b;border-radius:50%;box-shadow:0 3px 10px rgba(34,197,139,.28)}.sn-check:after{content:"✓";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:700}.check-l{top:38%;left:9%}.check-r{bottom:24%;right:9%}.dark-mode #spocnet-bg-art{background:#090e1a}.dark-mode .bg-blob{opacity:.35}.dark-mode .sn-illus{opacity:.88;filter:brightness(1.08)}.dark-mode .bg-lines path{stroke:#2a3d58}.dark-mode .blob-center{background:#0e1525;opacity:1}.password-gate{position:fixed;inset:0;z-index:99999;display:none;flex-direction:column;justify-content:center;align-items:center;gap:1rem;background:rgba(0,0,0,.9)}.password-gate__title{margin:0;color:#fff;font-size:.875rem;font-family:Inter,sans-serif;opacity:.6}.password-gate__input{width:280px;padding:12px 20px;background:#111;color:#fff;border:1px solid #333;border-radius:9999px;font:inherit;font-size:.9375rem;text-align:center;outline:none;transition:border-color .3s ease}.password-gate__input:focus{border-color:#3b82f6}.password-gate__button{padding:12px 40px;border:0;border-radius:9999px;background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff;font:inherit;font-size:.9375rem;font-weight:600;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.password-gate__button:hover{transform:translateY(-1px)}.password-gate__button:active{transform:translateY(0)}.password-gate__error{margin:0;color:#ef4444;font-size:.8125rem;font-family:Inter,sans-serif;opacity:0;transition:opacity .3s ease}.waitlist-gate__subtitle{font-size:.95rem;color:#fff;text-align:center;max-width:340px;margin:8px auto 20px;line-height:1.5}.waitlist-gate__form{display:flex;flex-direction:column;gap:12px;width:100%;max-width:340px}.waitlist-gate__message--success{color:#22c55e!important}