/*
 * Theme: theme-Serenity
 * Author: Serenity
 * Build: 2026-04-11 11:44:58
 * Fingerprint: 397d35629dd8344a
 * Copyright © 2026 Serenity. All rights reserved.
 * Unauthorized copying or distribution is prohibited.
 */
@font-face{font-family:'Inter';font-style:normal;font-weight:300 600;font-display:swap;src:url('../fonts/inter-latin-var.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Playfair Display';font-style:normal;font-weight:400 700;font-display:swap;src:url('../fonts/playfair-display-latin-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Playfair Display';font-style:italic;font-weight:400;font-display:swap;src:url('../fonts/playfair-display-latin-italic.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-sans:"Inter",ui-sans-serif,system-ui,sans-serif;--font-serif:"Playfair Display",serif;--font-rounded:"STYuanti-SC","YuanTi SC","PingFang SC","Microsoft YaHei",ui-sans-serif,sans-serif;--stone-50:#fafaf9;--stone-100:#f5f5f4;--stone-200:#e7e5e4;--stone-300:#d6d3d1;--stone-400:#a8a29e;--stone-500:#78716c;--stone-600:#57534e;--stone-800:#292524;--stone-900:#1c1917}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html,body{margin:0;padding:0;min-height:100vh;font-family:var(--font-sans);background-color:var(--color-bg,#111111);color:var(--color-text,#f5f5f5);overflow-x:hidden;scroll-behavior:smooth}.paper-texture{position:fixed;inset:0;opacity:0.03;pointer-events:none;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.atmosphere{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;background:radial-gradient(circle at 15% 15%,rgba(var(--color-accent-rgb,245,150,170),0.15) 0%,transparent 40%),radial-gradient(circle at 85% 85%,rgba(var(--color-accent-rgb,245,150,170),0.08) 0%,transparent 40%),linear-gradient(to bottom right,var(--color-bg,#111),var(--color-bg-soft,#1a1a1a))}.glass{background:rgba(255,255,255,0.85);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(139,92,246,0.08);box-shadow:0 10px 30px -10px rgba(0,0,0,0.03),0 20px 50px -20px rgba(0,0,0,0.05)}.gateway-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;font-family:var(--font-sans)}.gateway-container{width:100%;max-width:64rem;height:720px;display:grid;grid-template-columns:1fr 1fr;border-radius:3rem;overflow:hidden;position:relative;z-index:10;box-shadow:0 25px 50px -12px rgba(0,0,0,0.15)}.gateway-brand{display:flex;flex-direction:column;justify-content:space-between;padding:4rem;background-color:var(--color-bg-soft,#1a1a1a);border-right:1px solid var(--color-border,rgba(255,255,255,0.08));position:relative;overflow:hidden;height:100%}.gateway-brand .brand-bg-glow{position:absolute;inset:0;opacity:0.3;pointer-events:none}.gateway-brand .brand-bg-glow::before{content:'';position:absolute;top:-20%;left:-20%;width:100%;height:100%;background:radial-gradient(circle at center,rgba(var(--color-accent-rgb,245,150,170),0.3) 0%,transparent 70%)}.brand-top{position:relative;z-index:10}.brand-logo-row{display:flex;align-items:center;gap:0.75rem;margin-bottom:4rem;animation:fadeInUp 0.8s ease-out}.brand-logo-icon{width:3rem;height:3rem;border-radius:1rem;background-color:transparent;display:flex;align-items:center;justify-content:center;overflow:hidden}.brand-logo-icon img{width:100%;height:100%;border-radius:1rem;object-fit:cover}.brand-logo-icon svg{width:1.5rem;height:1.5rem;color:var(--stone-50)}.brand-logo-text{font-size:1.5rem;font-family:var(--font-rounded);font-style:italic;font-weight:700;letter-spacing:-0.05em;color:var(--stone-900)}.brand-logo-info{display:flex;flex-direction:column;gap:0.15rem}.brand-logo-subtitle{font-size:0.7rem;font-weight:400;color:var(--stone-400);letter-spacing:0.05em;line-height:1.2}.brand-headline{font-size:3.75rem;font-family:var(--font-rounded);font-style:italic;margin-bottom:2.5rem;line-height:1.15;color:var(--color-accent,#F596AA);letter-spacing:-0.025em;white-space:pre-line;animation:fadeInSlide 0.7s cubic-bezier(0.23,1,0.32,1)}.brand-desc{color:var(--stone-500);font-size:1.25rem;max-width:24rem;line-height:1.6;font-weight:300;font-style:italic;font-family:var(--font-rounded);animation:fadeInSlide 0.7s cubic-bezier(0.23,1,0.32,1) 0.1s both}.brand-bottom{position:relative;z-index:10;padding-top:3rem}.brand-stats-row{display:flex;align-items:center;gap:0.75rem;color:var(--stone-400);margin-bottom:1.5rem}.brand-stats-row svg{width:1.25rem;height:1.25rem}.brand-stats-row span{font-size:0.75rem;letter-spacing:0.15em;text-transform:uppercase;font-weight:500;font-family:var(--font-rounded)}.brand-avatars{display:flex}.brand-avatars img{width:2.75rem;height:2.75rem;border-radius:50%;border:4px solid var(--color-bg-soft,#1a1a1a);object-fit:cover;box-shadow:0 1px 2px rgba(0,0,0,0.05);margin-left:-0.75rem}.brand-avatars img:first-child{margin-left:0}.brand-avatars .avatar-more{width:2.75rem;height:2.75rem;border-radius:50%;border:4px solid var(--color-bg-soft,#1a1a1a);background:var(--stone-100);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--stone-400);box-shadow:0 1px 2px rgba(0,0,0,0.05);margin-left:-0.75rem}.gateway-form-area{position:relative;display:flex;flex-direction:column;justify-content:center;background:rgba(255,255,255,0.4);height:100%;overflow:hidden}.gateway-view-panel{width:100%;max-width:24rem;margin:0 auto;padding:2.5rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0;pointer-events:none;transition:opacity 0.5s cubic-bezier(0.23,1,0.32,1),transform 0.5s cubic-bezier(0.23,1,0.32,1)}.gateway-view-panel.active{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)}.gateway-view-panel.slide-in-right{transform:translate(-45%,-50%)}.gateway-view-panel.slide-in-right.active{transform:translate(-50%,-50%)}.gateway-view-panel.slide-out-left{transform:translate(-55%,-50%);opacity:0}.form-header{margin-bottom:1.5rem}.form-header h2{font-size:1.875rem;font-family:var(--font-rounded);font-style:italic;font-weight:700;margin-bottom:0.5rem;color:var(--color-accent,#F596AA)}.form-header p{color:var(--stone-400);font-weight:300;font-size:0.875rem}.halo-form-wrapper{border-radius:0;padding:0;background:transparent}.halo-form-wrapper::before{display:none}.form-title{display:none}.halo-form .form-item{margin-bottom:1rem;flex-direction:column;width:100%;display:flex}.halo-form .form-item:last-of-type{margin-bottom:0}.halo-form .form-item label{font-size:10px;font-weight:700;color:var(--stone-400);text-transform:uppercase;letter-spacing:0.2em;margin-bottom:0.5rem;margin-left:0.25rem}.halo-form .form-item .form-label-group{justify-content:space-between;align-items:center;margin-bottom:0.5rem;display:flex}.halo-form .form-item .form-label-group label{margin-bottom:0}.halo-form .form-input{border-radius:0;border:none;border-bottom:1px solid var(--stone-200);background:transparent;height:auto;padding:0.5rem 0.5rem 0.5rem 1.5rem;transition:border-color 0.3s;position:relative}.halo-form .form-input:focus-within,.halo-form .form-input.has-value{border-color:var(--stone-900);outline:none}.halo-form .form-input::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:0.875rem;height:0.875rem;background-size:contain;background-repeat:no-repeat;background-position:center;opacity:0.3;transition:opacity 0.3s;pointer-events:none;z-index:1}.halo-form .form-input:focus-within::before,.halo-form .form-input.has-value::before{opacity:1}#login-form .form-input:has(#username)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%231c1917' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='16' x='2' y='4' rx='2'/%3E%3Cpath d='m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7'/%3E%3C/svg%3E")}.form-input:has(#plainPassword)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%231c1917' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='11' x='3' y='11' rx='2' ry='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E")}#reset-form .form-input::before,#view-forgot .form-input::before,.form-input:has(#reset-email)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%231c1917' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='16' x='2' y='4' rx='2'/%3E%3Cpath d='m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7'/%3E%3C/svg%3E")}#signup-form #username ~ .form-input::before,#signup-form .form-item:has(#username) .form-input::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%231c1917' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3Cpath d='M7 20.662V19a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v1.662'/%3E%3C/svg%3E")}#signup-form .form-item:has(#displayName) .form-input::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%231c1917' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E")}#signup-form .form-item:has(#email) .form-input::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%231c1917' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='16' x='2' y='4' rx='2'/%3E%3Cpath d='m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7'/%3E%3C/svg%3E")}#signup-form .form-item:has(#emailCode) .form-input::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%231c1917' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E")}#signup-form .form-item:has(#password) .form-input::before,#signup-form .form-item:has(#confirmPassword) .form-input::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%231c1917' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='11' x='3' y='11' rx='2' ry='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E")}.halo-form .form-item input{appearance:none;font-size:0.875rem;box-shadow:none;background:none;width:100%;height:100%;display:block;color:var(--stone-900);font-weight:300;border:none;outline:none;padding:0}.halo-form .form-item input::placeholder{color:var(--stone-300)}.halo-form .form-item input:focus{outline:none}.halo-form .form-input-stack{align-items:center;gap:0.5em;display:flex}.halo-form .form-input-stack-icon{color:var(--stone-300);cursor:pointer;align-items:center;display:inline-flex;transition:color 0.3s}.halo-form .form-input:focus-within .form-input-stack-icon,.halo-form .form-input.has-value .form-input-stack-icon{color:var(--stone-900)}.halo-form .form-item-extra-link{font-size:10px;text-transform:uppercase;letter-spacing:0.15em;color:var(--stone-400);text-decoration:none;transition:color 0.2s}.halo-form .form-item-extra-link:hover{color:var(--stone-900);text-decoration:none}.halo-form button[type="submit"]{width:100%;background:var(--stone-900);color:var(--stone-50);font-weight:500;padding:1rem;border-radius:0.75rem;border:none;cursor:pointer;box-shadow:0 20px 25px -5px rgba(28,25,23,0.1);display:flex;align-items:center;justify-content:center;gap:0.75rem;transition:all 0.2s;font-size:0.875rem;letter-spacing:0.3em;margin-top:1rem;height:auto}.halo-form button[type="submit"]:hover{transform:scale(1.02);background:var(--stone-900)}.halo-form button[type="submit"]:active{transform:scale(0.98)}.halo-form button[disabled]{cursor:not-allowed;opacity:0.6}.halo-form .form-item-compact{gap:0.625em;margin-bottom:1.5em;align-items:center;display:flex}.halo-form .form-item-compact label{color:var(--stone-400);font-size:0.875rem;text-transform:none;letter-spacing:normal;font-weight:400}.halo-form input[type="checkbox"]{border:1px solid var(--stone-200);border-radius:0.125em;appearance:none;vertical-align:middle;user-select:none;background-color:transparent;flex-shrink:0;width:1em;height:1em;padding:0;display:inline-block}.halo-form input[type="checkbox"]:focus{outline:none}.halo-form input[type="checkbox"]:checked{background-color:var(--stone-900);background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");background-position:center;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}.halo-form .form-item-group{gap:1em;margin-bottom:1.5em;align-items:flex-start;display:flex}.halo-form .form-item-group .form-item{margin-bottom:0}.social-divider{position:relative;margin-top:2rem}.social-divider .divider-line{position:absolute;inset:0;display:flex;align-items:center}.social-divider .divider-line::before{content:'';width:100%;border-top:1px solid var(--stone-100)}.social-divider .divider-text{position:relative;display:flex;justify-content:center;font-size:10px;text-transform:uppercase;letter-spacing:0.3em}.social-divider .divider-text span{background:transparent;padding:0 1.5rem;color:var(--stone-300)}.social-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:1.5rem;margin-top:2rem}.social-btn{display:flex;align-items:center;justify-content:center;gap:0.75rem;background:var(--color-bg-soft,#1a1a1a);border:1px solid var(--color-border,rgba(255,255,255,0.08));padding:1rem;border-radius:1rem;cursor:pointer;transition:all 0.2s;box-shadow:0 1px 2px rgba(0,0,0,0.05);text-decoration:none}.social-btn:hover{background:var(--stone-50)}.social-btn-form{display:contents}.social-btn-icon{width:1rem;height:1rem;object-fit:contain;flex-shrink:0}.social-btn svg{width:1rem;height:1rem;color:var(--stone-600)}.social-btn span{font-size:0.75rem;font-weight:500;color:var(--stone-600)}.passkey-buttons{margin-top:1rem;grid-template-columns:1fr}.passkey-btn{width:100%;min-height:3.5rem}.passkey-btn svg{width:1.1rem;height:1.1rem}.passkey-btn img{width:1.1rem;height:1.1rem;object-fit:contain;flex-shrink:0;filter:var(--gw-icon-filter)}.passkey-btn.is-loading{cursor:wait;opacity:0.72;pointer-events:none}.gateway-switch{margin-top:2rem;text-align:center;color:var(--stone-400);font-size:0.75rem;font-weight:300;letter-spacing:0.05em}.gateway-switch button,.gateway-switch a{color:var(--stone-900);font-weight:600;background:none;border:none;cursor:pointer;text-decoration:none;transition:all 0.2s;font-size:inherit;font-family:inherit}.gateway-switch button:hover,.gateway-switch a:hover{text-decoration:underline;text-underline-offset:8px}.back-to-login{display:inline-flex;align-items:center;gap:0.5rem;color:var(--stone-400);background:none;border:none;cursor:pointer;margin-bottom:2rem;padding:0;font-family:inherit;transition:color 0.2s}.back-to-login:hover{color:var(--stone-900)}.back-to-login:hover svg{transform:translateX(-0.25rem)}.back-to-login svg{width:1rem;height:1rem;transition:transform 0.2s}.back-to-login span{font-size:0.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:0.15em}.forgot-tip{margin-top:4rem;padding:1.5rem;border-radius:1rem;background:var(--stone-50);border:1px solid var(--stone-100)}.forgot-tip p{font-size:0.75rem;color:var(--stone-400);line-height:1.6;font-weight:300}.gateway-footer{position:fixed;bottom:2.5rem;left:50%;transform:translateX(-50%);display:flex;gap:3rem;font-size:10px;text-transform:uppercase;letter-spacing:0.4em;color:var(--stone-300);pointer-events:none;font-family:var(--font-serif);font-style:italic;white-space:nowrap}.alert{display:none !important}.sepo-toast{position:fixed;top:2rem;right:2rem;z-index:9999;display:flex;align-items:center;gap:0.75rem;padding:1rem 1.5rem;background:var(--color-bg-soft,#1a1a1a);border:1px solid var(--color-border,rgba(255,255,255,0.08));border-radius:1rem;box-shadow:0 10px 30px -10px rgba(0,0,0,0.1);font-size:0.875rem;opacity:0;visibility:hidden;transform:translateY(-1rem);transition:all 0.3s cubic-bezier(0.34,1.56,0.64,1);pointer-events:none;color:var(--stone-600)}.sepo-toast.show{opacity:1;visibility:visible;transform:translateY(0)}.sepo-toast-icon{flex-shrink:0;width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center}.sepo-toast-icon svg{width:100%;height:100%}.sepo-toast-message{line-height:1.3;font-weight:500}.sepo-toast.error{border-color:#fca5a5}.sepo-toast.error .sepo-toast-icon{color:#ef4444}.sepo-toast.success{border-color:#86efac}.sepo-toast.success .sepo-toast-icon{color:#22c55e}.sepo-toast.info .sepo-toast-icon{color:var(--stone-400)}#signup-form .form-item-group{display:flex;gap:1em}#signup-form .form-item-group:has(#email){flex-direction:column}.form-input-group{display:flex;align-items:flex-end;gap:1rem}.form-input-group .form-input{flex:1;padding:0.5rem 0.5rem 0.5rem 1.5rem}.form-input-group button,#emailCodeSendButton{flex-shrink:0;padding:0.5rem 1rem;min-height:auto;height:auto;background:transparent;border:1px solid var(--stone-200);border-radius:0.5rem;color:var(--stone-400);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.15em;cursor:pointer;transition:all 0.2s;white-space:nowrap;display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:none;margin-top:0}.form-input-group button:hover,#emailCodeSendButton:hover{background:var(--stone-900);color:var(--stone-50)}.form-input-group button:disabled,#emailCodeSendButton:disabled{opacity:0.5;cursor:not-allowed;background:transparent;color:var(--stone-400)}.sepo-btn-icon{display:block}@keyframes sepo-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.sepo-spin{animation:sepo-spin 1s linear infinite}.sepo-btn-loading{pointer-events:none}.sepo-btn-success{background:#22c55e !important}@keyframes fadeInUp{from{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInSlide{from{opacity:0;transform:translateX(-1.875rem)}to{opacity:1;transform:translateX(0)}}@media (max-width:1024px){.gateway-container{grid-template-columns:1fr;height:auto;max-width:28rem;border-radius:2rem}.gateway-brand{display:none}.gateway-form-area{min-height:100vh;min-height:100dvh}.gateway-view-panel{position:relative;left:auto;top:auto;transform:none;padding:2.5rem}.gateway-view-panel.active{transform:none}.gateway-view-panel:not(.active){display:none}.social-divider .divider-text span{background:var(--color-bg,#111)}}@media (max-width:600px){.gateway-page{padding:0}.gateway-container{border-radius:0;max-width:100%;box-shadow:none}.gateway-view-panel{padding:2rem 1.5rem}.form-header h2{font-size:1.875rem}.gateway-footer{display:none}.sepo-toast{left:1rem;right:1rem;top:1rem}#signup-form .form-item-group{flex-direction:column;gap:0}#signup-form .form-item-group .form-item{margin-bottom:1.5em}.form-input-group{flex-direction:column;gap:0.5em}.form-input-group button,#emailCodeSendButton{width:100%;height:2.5em}}::-ms-reveal{display:none}.sepo-success-content{text-align:center;padding:2rem}.sepo-success-icon{width:3rem;height:3rem;margin:0 auto 1rem;color:#22c55e;stroke-width:2;display:block}.sepo-success-content h2{font-size:1.5rem;font-weight:600;color:var(--stone-900);margin:0 0 0.75rem;font-family:var(--font-serif)}.sepo-success-content p{font-size:1rem;color:var(--stone-400);margin:0 0 1.5rem;line-height:1.5;font-weight:300}.sepo-return-button{display:inline-block;padding:0.75rem 2rem;background:var(--stone-900);color:var(--stone-50);text-decoration:none;border-radius:0.75rem;font-weight:500;font-size:1rem;transition:all 0.2s;letter-spacing:0.1em}.sepo-return-button:hover{transform:scale(1.02)}.signup-view{display:flex;flex-direction:column;justify-content:center;height:100%}.signup-view.gateway-view-panel{padding:2.5rem}.form-header-compact{margin-bottom:1.5rem}.form-header-compact h2{font-size:1.875rem;margin-bottom:0.5rem}.form-header-compact p{font-size:0.875rem}.signup-form-scroll{overflow-y:auto;max-height:500px;padding-right:0.5rem}.gateway-switch-compact{margin-top:2rem;font-size:0.75rem}#signup-form .form-item-group{gap:1rem;margin-bottom:1rem}#signup-form button[type="submit"]{margin-top:1rem}#signup-form #emailCodeSendButton.sepo-btn-success{background:#22c55e;color:white;border-color:#22c55e}#signup-form #emailCodeSendButton{width:auto;padding:0.625rem 0.75rem;border-radius:0.5rem;font-size:10px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;background:transparent;color:var(--stone-400);border:1px solid var(--stone-200);box-shadow:none;margin-top:0;height:auto;min-height:auto}#signup-form #emailCodeSendButton:hover{background:var(--stone-900);color:var(--stone-50)}#signup-form #emailCodeSendButton:disabled{opacity:0.5;background:transparent;color:var(--stone-400)}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#E7E5E4;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#D6D3D1}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:#E7E5E4 transparent}@media (max-width:1024px){.signup-view.gateway-view-panel{position:relative;left:auto;top:auto;transform:none;padding:2rem 1.5rem}.signup-form-scroll{max-height:none;overflow-y:visible}}@media (max-width:600px){#signup-form .form-item-group{flex-direction:column;gap:0}#signup-form .form-item-group .form-item{margin-bottom:1rem}.form-input-group{flex-direction:column;gap:0.5em}.form-input-group button,#emailCodeSendButton{width:100%;height:2.25em}}:root{--gw-bg:#fdf6f8;--gw-bg-soft:#fceef2;--gw-bg-mute:#f9e4ea;--gw-text:#3d2b33;--gw-text-secondary:rgba(61,43,51,0.7);--gw-text-muted:rgba(61,43,51,0.45);--gw-accent:#F596AA;--gw-accent-secondary:#FB966E;--gw-accent-rgb:245,150,170;--gw-border:rgba(245,150,170,0.15);--gw-border-hover:rgba(245,150,170,0.25);--gw-brand-bg:#fceef2;--gw-brand-border:rgba(245,150,170,0.12);--gw-glass-bg:rgba(255,255,255,0.88);--gw-glass-border:rgba(245,150,170,0.12);--gw-glass-shadow:0 10px 30px -10px rgba(245,150,170,0.1),0 20px 50px -20px rgba(0,0,0,0.06);--gw-form-bg:rgba(255,255,255,0.5);--gw-input-border:rgba(245,150,170,0.2);--gw-input-focus:#F596AA;--gw-input-text:#3d2b33;--gw-input-placeholder:rgba(61,43,51,0.3);--gw-btn-bg:#F596AA;--gw-btn-text:#ffffff;--gw-btn-shadow:0 20px 25px -5px rgba(245,150,170,0.25);--gw-social-bg:rgba(245,150,170,0.06);--gw-social-border:rgba(245,150,170,0.12);--gw-social-hover:rgba(245,150,170,0.12);--gw-toast-bg:#fff5f7;--gw-toast-border:rgba(245,150,170,0.15);--gw-atmo-1:rgba(245,150,170,0.18);--gw-atmo-2:rgba(245,150,170,0.08);--gw-atmo-base:#fdf6f8;--gw-icon-filter:none;--gw-checkbox-bg:#F596AA;--gw-send-border:rgba(245,150,170,0.25);--gw-send-text:rgba(61,43,51,0.45);--gw-send-hover-bg:#F596AA;--gw-send-hover-text:#ffffff}[data-theme="light"]{--gw-bg:#f2fafb;--gw-bg-soft:#e8f5f7;--gw-bg-mute:#dceff2;--gw-text:#1e3a40;--gw-text-secondary:rgba(30,58,64,0.7);--gw-text-muted:rgba(30,58,64,0.45);--gw-accent:#33A6B8;--gw-accent-secondary:#A8D8B9;--gw-accent-rgb:51,166,184;--gw-border:rgba(51,166,184,0.15);--gw-border-hover:rgba(51,166,184,0.25);--gw-brand-bg:#e8f5f7;--gw-brand-border:rgba(51,166,184,0.12);--gw-glass-bg:rgba(255,255,255,0.88);--gw-glass-border:rgba(51,166,184,0.12);--gw-glass-shadow:0 10px 30px -10px rgba(51,166,184,0.1),0 20px 50px -20px rgba(0,0,0,0.05);--gw-form-bg:rgba(255,255,255,0.5);--gw-input-border:rgba(51,166,184,0.2);--gw-input-focus:#33A6B8;--gw-input-text:#1e3a40;--gw-input-placeholder:rgba(30,58,64,0.3);--gw-btn-bg:#33A6B8;--gw-btn-text:#ffffff;--gw-btn-shadow:0 20px 25px -5px rgba(51,166,184,0.2);--gw-social-bg:rgba(51,166,184,0.05);--gw-social-border:rgba(51,166,184,0.12);--gw-social-hover:rgba(51,166,184,0.1);--gw-toast-bg:#f0fafb;--gw-toast-border:rgba(51,166,184,0.15);--gw-icon-filter:none;--gw-atmo-1:rgba(51,166,184,0.15);--gw-atmo-2:rgba(51,166,184,0.08);--gw-atmo-base:#f2fafb;--gw-checkbox-bg:#33A6B8;--gw-send-border:rgba(51,166,184,0.25);--gw-send-text:rgba(30,58,64,0.45);--gw-send-hover-bg:#33A6B8;--gw-send-hover-text:#ffffff}body{background-color:var(--gw-bg) !important;color:var(--gw-text) !important}.atmosphere{background:radial-gradient(circle at 15% 15%,var(--gw-atmo-1) 0%,transparent 40%),radial-gradient(circle at 85% 85%,var(--gw-atmo-2) 0%,transparent 40%),linear-gradient(to bottom right,var(--gw-atmo-base),var(--gw-bg)) !important}.glass{background:var(--gw-glass-bg) !important;border-color:var(--gw-glass-border) !important;box-shadow:var(--gw-glass-shadow) !important}.gateway-brand{background-color:var(--gw-brand-bg) !important;border-right-color:var(--gw-brand-border) !important}.gateway-form-area{background:var(--gw-form-bg) !important}.brand-headline,.brand-logo-text{color:var(--gw-accent) !important}.brand-logo-subtitle{color:var(--gw-text-muted) !important}.brand-desc{color:var(--gw-text-secondary) !important}.brand-stats-row{color:var(--gw-text-muted) !important}.brand-avatars img{border-color:var(--gw-brand-bg) !important}.brand-avatars .avatar-more{border-color:var(--gw-brand-bg) !important;background:var(--gw-bg-mute) !important;color:var(--gw-text-muted) !important}.halo-form .form-item label{color:var(--gw-text-muted) !important}.halo-form .form-input{border-bottom-color:var(--gw-input-border) !important}.halo-form .form-input:focus-within,.halo-form .form-input.has-value{border-color:var(--gw-input-focus) !important}.halo-form .form-item input{color:var(--gw-input-text) !important}.halo-form .form-item input::placeholder{color:var(--gw-input-placeholder) !important}.halo-form .form-input::before{filter:var(--gw-icon-filter)}.halo-form .form-input:focus-within::before,.halo-form .form-input.has-value::before{filter:var(--gw-icon-filter)}.halo-form .form-input-stack-icon{color:var(--gw-text-muted) !important}.halo-form .form-input:focus-within .form-input-stack-icon,.halo-form .form-input.has-value .form-input-stack-icon{color:var(--gw-accent) !important}.halo-form button[type="submit"]{background:var(--gw-btn-bg) !important;color:var(--gw-btn-text) !important;box-shadow:var(--gw-btn-shadow) !important}.halo-form button[type="submit"]:hover{background:var(--gw-accent-secondary) !important}.halo-form input[type="checkbox"]:checked{background-color:var(--gw-checkbox-bg) !important}.halo-form input[type="checkbox"]{border-color:var(--gw-input-border) !important}.halo-form .form-item-extra-link{color:var(--gw-text-muted) !important}.halo-form .form-item-extra-link:hover{color:var(--gw-accent) !important}.social-divider .divider-line::before{border-top-color:var(--gw-border) !important}.social-divider .divider-text span{color:var(--gw-text-muted) !important}.social-btn{background:var(--gw-social-bg) !important;border-color:var(--gw-social-border) !important}.social-btn:hover{background:var(--gw-social-hover) !important}.social-btn span{color:var(--gw-text-secondary) !important}.social-btn svg{color:var(--gw-text-secondary) !important}.social-btn-icon{filter:var(--gw-icon-filter)}.gateway-switch{color:var(--gw-text-muted) !important}.gateway-switch button,.gateway-switch a{color:var(--gw-accent) !important}.back-to-login{color:var(--gw-text-muted) !important}.back-to-login:hover{color:var(--gw-accent) !important}.forgot-tip{background:var(--gw-bg-soft) !important;border-color:var(--gw-border) !important}.forgot-tip p{color:var(--gw-text-muted) !important}.gateway-footer{color:var(--gw-text-muted) !important}.sepo-toast{background:var(--gw-toast-bg) !important;border-color:var(--gw-toast-border) !important;color:var(--gw-text-secondary) !important}.form-input-group button,#emailCodeSendButton,#signup-form #emailCodeSendButton{border-color:var(--gw-send-border) !important;color:var(--gw-send-text) !important}.form-input-group button:hover,#emailCodeSendButton:hover,#signup-form #emailCodeSendButton:hover{background:var(--gw-send-hover-bg) !important;color:var(--gw-send-hover-text) !important}.form-header h2{color:var(--gw-accent) !important}.form-header p{color:var(--gw-text-muted) !important}.sepo-success-content h2{color:var(--gw-text) !important}.sepo-success-content p{color:var(--gw-text-muted) !important}.sepo-return-button{background:var(--gw-btn-bg) !important;color:var(--gw-btn-text) !important}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--gw-border-hover) !important}.custom-scrollbar{scrollbar-color:var(--gw-border-hover) transparent !important}@media (max-width:1024px){.social-divider .divider-text span{background:var(--gw-bg) !important}}.gateway-home-btn{position:fixed;top:2rem;left:2rem;z-index:100;display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;background:var(--gw-glass-bg);border:1px solid var(--gw-border);border-radius:2rem;color:var(--gw-text-muted);text-decoration:none;font-size:0.75rem;font-weight:500;letter-spacing:0.05em;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all 0.2s}.gateway-home-btn:hover{color:var(--gw-accent);border-color:color-mix(in srgb,var(--gw-accent) 30%,transparent);background:color-mix(in srgb,var(--gw-accent) 8%,var(--gw-glass-bg))}.gateway-home-btn:hover svg{transform:translateX(-2px)}.gateway-home-btn svg{width:0.875rem;height:0.875rem;transition:transform 0.2s}@media (max-width:600px){.gateway-home-btn{top:1rem;left:1rem;padding:0.4rem 0.75rem;font-size:0.6875rem}}.gateway-wallpaper{position:fixed;inset:0;z-index:0;overflow:hidden}.gateway-wallpaper-img{width:100%;height:100%;object-fit:cover;filter:blur(6px) brightness(0.55);transform:scale(1.05);opacity:0;transition:opacity 0.8s ease}.gateway-wallpaper-img.loaded{opacity:1}[data-theme="light"] .gateway-wallpaper-img{filter:blur(6px) brightness(0.8)}.has-gateway-wallpaper .atmosphere{display:none !important}.has-gateway-wallpaper .paper-texture{opacity:0.01 !important}.has-gateway-wallpaper .glass{background:rgba(255,255,255,0.42) !important;backdrop-filter:blur(20px) saturate(1.4) !important;-webkit-backdrop-filter:blur(20px) saturate(1.4) !important;border-color:rgba(245,150,170,0.1) !important}[data-theme="light"] .has-gateway-wallpaper .glass{background:rgba(255,255,255,0.42) !important;backdrop-filter:blur(20px) saturate(1.4) !important;-webkit-backdrop-filter:blur(20px) saturate(1.4) !important;border-color:rgba(51,166,184,0.1) !important}.has-gateway-wallpaper .gateway-brand{background-color:rgba(255,245,248,0.2) !important}[data-theme="light"] .has-gateway-wallpaper .gateway-brand{background-color:rgba(240,250,252,0.2) !important}.has-gateway-wallpaper .gateway-form-area{background:rgba(255,255,255,0.2) !important}[data-theme="light"] .has-gateway-wallpaper .gateway-form-area{background:rgba(255,255,255,0.2) !important}.has-gateway-wallpaper .gateway-home-btn{background:rgba(255,255,255,0.6) !important;backdrop-filter:blur(16px) !important;-webkit-backdrop-filter:blur(16px) !important}[data-theme="light"] .has-gateway-wallpaper .gateway-home-btn{background:rgba(255,255,255,0.6) !important}.logout-user-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border-radius:12px;border:1px solid rgba(0,0,0,0.06);background:rgba(0,0,0,0.02);margin-bottom:1.5rem}.logout-avatar{width:3.5rem;height:3.5rem;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid rgba(0,0,0,0.06)}.logout-avatar-placeholder{width:3.5rem;height:3.5rem;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.04);border:2px solid rgba(0,0,0,0.06)}.logout-avatar-placeholder svg{width:1.75rem;height:1.75rem;color:var(--stone-400)}.logout-user-info{display:flex;flex-direction:column;gap:0.2rem;min-width:0}.logout-display-name{font-size:1rem;font-weight:600;color:var(--stone-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout-username{font-size:0.8rem;color:var(--stone-400);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.passkey-manage-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border-radius:12px;border:1px solid rgba(0,0,0,0.06);background:rgba(0,0,0,0.02);margin-bottom:1.5rem}.passkey-manage-icon{width:3rem;height:3rem;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.04);border:1px solid rgba(0,0,0,0.06);color:var(--stone-600)}.passkey-manage-icon svg{width:1.4rem;height:1.4rem}.passkey-manage-icon img{width:1.4rem;height:1.4rem;object-fit:contain;filter:var(--gw-icon-filter)}.passkey-manage-copy{min-width:0;flex:1}.passkey-manage-copy h3{font-size:0.95rem;font-weight:600;color:var(--stone-900);margin-bottom:0.25rem}.passkey-manage-copy p{font-size:0.8rem;line-height:1.6;color:var(--stone-500)}.passkey-manage-btn{width:auto;min-width:9.5rem;flex-shrink:0;padding-left:1.1rem;padding-right:1.1rem}:root .logout-user-card{border-color:rgba(245,150,170,0.12);background:rgba(245,150,170,0.05)}:root .logout-avatar{border-color:rgba(245,150,170,0.15)}:root .logout-avatar-placeholder{background:rgba(245,150,170,0.06);border-color:rgba(245,150,170,0.15)}:root .logout-display-name{color:#3d2b33}:root .logout-username{color:rgba(61,43,51,0.5)}[data-theme="light"] .logout-user-card{border-color:rgba(0,0,0,0.06);background:rgba(0,0,0,0.02)}:root .passkey-manage-card{border-color:rgba(245,150,170,0.12);background:rgba(245,150,170,0.05)}:root .passkey-manage-icon{background:rgba(245,150,170,0.08);border-color:rgba(245,150,170,0.15);color:#7f4a58}:root .passkey-manage-copy h3{color:#3d2b33}:root .passkey-manage-copy p{color:rgba(61,43,51,0.68)}[data-theme="light"] .logout-avatar{border-color:rgba(0,0,0,0.06)}[data-theme="light"] .logout-avatar-placeholder{background:rgba(0,0,0,0.04);border-color:rgba(0,0,0,0.06)}[data-theme="light"] .logout-display-name{color:var(--stone-900)}[data-theme="light"] .logout-username{color:var(--stone-500)}[data-theme="light"] .passkey-manage-card{border-color:rgba(0,0,0,0.06);background:rgba(0,0,0,0.02)}[data-theme="light"] .passkey-manage-icon{background:rgba(0,0,0,0.04);border-color:rgba(0,0,0,0.06);color:var(--stone-600)}[data-theme="light"] .passkey-manage-copy h3{color:var(--stone-900)}[data-theme="light"] .passkey-manage-copy p{color:var(--stone-500)}@media (max-width:640px){.passkey-manage-card{flex-direction:column;align-items:stretch}.passkey-manage-icon{width:2.75rem;height:2.75rem}.passkey-manage-btn{width:100%;min-width:0}}