.auth-page{color:#f7faff;background:radial-gradient(circle at 0 0,#2de2ff1f,#0000 28%),radial-gradient(circle at 85% 10%,#ff4fd81a,#0000 24%),radial-gradient(circle at 60% 35%,#8a4dff14,#0000 30%),linear-gradient(#05070d 0%,#060a12 42%,#05070d 100%);min-height:100vh;padding:32px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative;overflow:hidden}.auth-bg-orb{filter:blur(50px);pointer-events:none;border-radius:50%;position:absolute}.auth-bg-orb--1{background:#2de2ff29;width:320px;height:320px;top:-80px;left:-80px}.auth-bg-orb--2{background:#ff4fd824;width:360px;height:360px;bottom:-120px;right:-120px}.auth-grid{z-index:1;grid-template-columns:1fr;align-items:center;gap:28px;max-width:1240px;min-height:calc(100vh - 64px);margin:0 auto;display:grid;position:relative}.auth-left{padding:28px}.auth-brand{align-items:center;gap:12px;margin-bottom:48px;display:inline-flex}.vlb-logo-wrap{align-items:center;gap:12px;display:inline-flex}.vlb-logo-badge{isolation:isolate;border-radius:14px;place-items:center;width:44px;height:44px;display:grid;position:relative;overflow:hidden;box-shadow:0 0 0 1px #829aff29,0 10px 40px #142b6a57}.vlb-logo-badge:before{content:"";z-index:0;background:linear-gradient(#0a0e18cc,#070a12eb);border-radius:13px;position:absolute;inset:1px}.vlb-logo-gradient{background:conic-gradient(from 120deg, var(--cyan), var(--blue), var(--violet), var(--pink), var(--cyan));filter:blur(12px)saturate(1.25);opacity:.95;animation:9s linear infinite spin;position:absolute;inset:-30%}.vlb-logo-badge span{z-index:1;letter-spacing:.06em;font-size:.88rem;font-weight:800;position:relative}.vlb-wordmark span{letter-spacing:.12em;background:var(--gradient-main);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1rem;font-weight:800}.auth-logo{justify-content:center;width:100%;margin-bottom:20px}.auth-brand span{letter-spacing:.14em;background:linear-gradient(135deg,#2de2ff,#2b7fff 35%,#8a4dff 68%,#ff4fd8);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:800}.auth-left-content{max-width:560px}.auth-badge{color:#dce6ff;text-transform:uppercase;letter-spacing:.14em;background:#0b101e9e;border:1px solid #7591ff2e;border-radius:999px;margin-bottom:20px;padding:8px 14px;font-size:12px;display:inline-flex}.auth-left h1{letter-spacing:-.05em;margin:0;font-size:clamp(2.6rem,6vw,4.8rem);line-height:.98}.auth-left p{color:#96a0ba;max-width:520px;margin:20px 0 0;font-size:1.05rem;line-height:1.85}.auth-feature-list{gap:14px;margin-top:28px;display:grid}.auth-feature-item{color:#c8d1ea;align-items:center;gap:10px;display:inline-flex}.auth-feature-item svg{color:#37d67a}.auth-right{justify-content:center;display:flex}.auth-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#111728d1,#090d18c7);border:1px solid #7591ff29;border-radius:28px;width:100%;max-width:500px;padding:30px;box-shadow:0 0 0 1px #617dff14,0 20px 80px #1b2b6352,0 0 70px #2c8cff1a}.auth-switch{background:#0a0e18b8;border:1px solid #7591ff1f;border-radius:18px;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:24px;padding:6px;display:grid}.auth-switch-btn{color:#96a0ba;border-radius:14px;justify-content:center;align-items:center;min-height:46px;font-weight:600;transition:all .25s;display:flex}.auth-switch-btn.active{color:#fff;background:linear-gradient(135deg,#2de2ff,#2b7fff 35%,#8a4dff 68%,#ff4fd8);box-shadow:0 10px 24px #5a68ff33}.auth-card-top{margin-bottom:24px}.auth-mini-badge{color:#dffcff;letter-spacing:.12em;text-transform:uppercase;background:#2de2ff1a;border:1px solid #2de2ff2e;border-radius:999px;margin-bottom:14px;padding:7px 12px;font-size:12px;display:inline-block}.auth-card-top h2{letter-spacing:-.04em;margin:0;font-size:2rem}.auth-card-top p{color:#96a0ba;margin:12px 0 0;line-height:1.7}.auth-form{gap:18px;display:grid}.auth-name-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.auth-field label{color:#dce6ff;margin-bottom:8px;font-size:.95rem;display:block}.auth-input-wrap{background:#0a0e18b8;border:1px solid #7591ff24;border-radius:18px;align-items:center;gap:10px;min-height:56px;padding:0 16px;transition:border-color .25s,box-shadow .25s;display:flex}.auth-input-wrap:focus-within{border-color:#2de2ff52;box-shadow:0 0 0 4px #2de2ff14}.auth-input-wrap svg{color:#96a0ba;flex-shrink:0}.auth-input-wrap input{color:#f7faff;background:0 0;border:0;outline:0;width:100%;font-size:.98rem}.auth-input-wrap input::placeholder{color:#6f7892}.auth-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.auth-row--end{justify-content:flex-end}.auth-link{color:#2de2ff;text-decoration:none}.auth-link:hover{color:#8fdfff}.auth-submit{cursor:pointer;color:#fff;background:linear-gradient(135deg,#2de2ff,#2b7fff 35%,#8a4dff 68%,#ff4fd8);border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:56px;margin-top:20px;font-size:1rem;font-weight:600;transition:transform .25s,box-shadow .25s;display:inline-flex;box-shadow:0 10px 30px #5a68ff47,0 0 40px #2de2ff2e}.auth-submit:hover{transform:translateY(-2px)}.auth-divider{text-align:center;margin:24px 0 18px;position:relative}.auth-divider:before{content:"";background:#7591ff24;height:1px;position:absolute;top:50%;left:0;right:0}.auth-divider span{z-index:1;color:#96a0ba;background:#0e121ef5;padding:0 12px;font-size:.92rem;position:relative}.auth-socials{grid-template-columns:1fr 1fr;gap:12px;display:grid}.auth-social-btn{color:#f7faff;cursor:pointer;background:#0a0e18a8;border:1px solid #7591ff24;border-radius:16px;min-height:52px;transition:border-color .25s,transform .25s}.auth-social-btn:hover{border-color:#7591ff47;transform:translateY(-2px)}.auth-bottom-text{text-align:center;color:#96a0ba;margin:22px 0 0}@media (max-width:980px){.auth-grid{grid-template-columns:1fr;gap:20px}.auth-left{padding:8px 0}.auth-brand{margin-bottom:28px}.auth-left h1{font-size:clamp(2.2rem,8vw,3.4rem)}}@media (max-width:640px){.auth-page{padding:18px}.auth-card{padding:22px}.auth-name-grid,.auth-socials{grid-template-columns:1fr}}.auth-password-toggle{color:#96a0ba;cursor:pointer;background:0 0;border:0;outline:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .2s;display:inline-flex}.auth-password-toggle:hover{color:#f7faff}.auth-link-btn{cursor:pointer;font:inherit;background:0 0;border:0;padding:0}.auth-modal-overlay{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#040812b8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.auth-modal{background:linear-gradient(#111728f5,#090d18f0);border:1px solid #7591ff29;border-radius:28px;width:100%;max-width:520px;padding:28px;position:relative;box-shadow:0 0 0 1px #617dff14,0 20px 80px #1b2b6366,0 0 70px #2c8cff24}.auth-modal-close{color:#dce6ff;cursor:pointer;background:#0a0e18c2;border:1px solid #7591ff24;border-radius:999px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex;position:absolute;top:16px;right:16px}.auth-modal-top{margin-bottom:20px}.auth-modal-top h3{letter-spacing:-.04em;margin:0;font-size:1.8rem}.auth-modal-top p{color:#96a0ba;margin:10px 0 0;line-height:1.7}.auth-steps{align-items:center;gap:10px;margin-bottom:28px;display:flex}.auth-step{flex-direction:column;align-items:center;gap:8px;min-width:72px;display:flex}.auth-step span{color:#96a0ba;background:#0a0e18b8;border:1px solid #7591ff24;border-radius:999px;place-items:center;width:34px;height:34px;font-size:.95rem;font-weight:700;display:grid}.auth-step p{color:#96a0ba;margin:0;font-size:.85rem}.auth-step.active span{color:#fff;background:linear-gradient(135deg,#2de2ff,#2b7fff 35%,#8a4dff 68%,#ff4fd8);border-color:#0000}.auth-step.active p{color:#f7faff}.auth-step-line{background:#7591ff24;flex:1;height:1px}.auth-modal-body{gap:18px;display:grid}.auth-modal-body h4{letter-spacing:-.03em;margin:0;font-size:1.25rem}.auth-modal-body p{color:#96a0ba;margin:-8px 0 0;line-height:1.7}.auth-icon-badge{color:#fff;background:linear-gradient(135deg,#2de2ff38,#8a4dff38,#ff4fd838);border:1px solid #7591ff29;border-radius:16px;place-items:center;width:48px;height:48px;display:grid}.auth-modal-actions{gap:12px;margin-top:8px;display:flex}.auth-secondary-btn{color:#f7faff;cursor:pointer;background:#0a0e18b8;border:1px solid #7591ff29;border-radius:999px;min-height:56px;padding:0 22px;font-size:1rem;font-weight:600;transition:transform .25s,border-color .25s}.auth-secondary-btn:hover{border-color:#7591ff4d;transform:translateY(-2px)}.auth-submit--small{flex:1;margin-top:0}@media (max-width:640px){.auth-modal{padding:22px}.auth-steps{gap:6px}.auth-step{min-width:56px}.auth-step p{font-size:.75rem}.auth-modal-actions{flex-direction:column}}.auth-form-shell{min-height:360px;position:relative}.auth-form-animated{transform-origin:top;animation:.45s cubic-bezier(.22,1,.36,1) authFormIn}.auth-modal-overlay-animated{animation:.28s ease-out authOverlayIn}.auth-modal-animated{transform-origin:50%;animation:.42s cubic-bezier(.22,1,.36,1) authModalIn}@keyframes authFormIn{0%{opacity:0;filter:blur(8px);transform:translateY(18px)scale(.985)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes authOverlayIn{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@keyframes authModalIn{0%{opacity:0;filter:blur(10px);transform:translateY(24px)scale(.94)}60%{opacity:1;filter:blur();transform:translateY(-4px)scale(1.01)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.auth-form-animated .auth-field,.auth-form-animated .auth-name-grid,.auth-form-animated .auth-row,.auth-form-animated .auth-submit{opacity:0;animation:.45s forwards authItemIn}.auth-form-animated .auth-name-grid{animation-delay:50ms}.auth-form-animated .auth-field:first-of-type{animation-delay:80ms}.auth-form-animated .auth-field:nth-of-type(2){animation-delay:.14s}.auth-form-animated .auth-field:nth-of-type(3){animation-delay:.2s}.auth-form-animated .auth-row{animation-delay:.22s}.auth-form-animated .auth-submit{animation-delay:.28s}@keyframes authItemIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.auth-message{border:1px solid #0000;border-radius:16px;align-items:center;gap:10px;margin-top:4px;padding:14px 16px;font-size:.95rem;line-height:1.45;animation:.25s authMessageIn;display:flex}.auth-message svg{flex-shrink:0}.auth-message--error{color:#ffd6dc;background:linear-gradient(#ff4f781f,#ff4f7814);border-color:#ff4f783d;margin:20px 0;box-shadow:0 8px 24px #ff4f7814}.auth-message--error svg{color:#ff7b98}.auth-message--success{color:#dcffef;background:linear-gradient(#37d67a1f,#37d67a14);border-color:#37d67a38;box-shadow:0 8px 24px #37d67a14}.auth-message--success svg{color:#37d67a}.auth-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.auth-submit:disabled:hover{transform:none}@keyframes authMessageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.maintenance-page{position:relative;overflow-x:hidden}.maintenance-ball{pointer-events:none;z-index:2;filter:blur(2px);border-radius:50%;animation:linear infinite floatUp;position:absolute;bottom:-120px;box-shadow:0 0 12px #2de2ff4d}@keyframes floatUp{0%{opacity:0;transform:translateY(0)rotate(0)}15%{opacity:.7}85%{opacity:.7}to{opacity:0;transform:translateY(-130vh)rotate(360deg)}}.falling-logo-wrapper{transform-origin:top;animation:.9s cubic-bezier(.68,-.55,.265,1.55) forwards dropBounce;display:inline-flex!important}@keyframes dropBounce{0%{opacity:0;transform:translateY(-200px)scale(.6)}55%{opacity:1;transform:translateY(20px)scale(1.05)}75%{transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.maintenance-content{animation:.8s ease-out .4s both slideFadeUp}@keyframes slideFadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.maintenance-title{background:linear-gradient(135deg,#fff,#c7d2fe,#a78bfa);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:clamp(2.6rem,6vw,4.8rem);line-height:1.1}.maintenance-message{color:#b9c2e0;max-width:500px;font-size:1.1rem;line-height:1.6}.maintenance-badge{color:#2de2ff;background:#2de2ff1f;border-color:#2de2ff4d;box-shadow:0 0 8px #2de2ff33}.maintenance-features{margin-top:32px}.maintenance-card{transition:transform .3s,box-shadow .3s;animation:2s infinite alternate cardGlow}@keyframes cardGlow{0%{box-shadow:0 0 0 1px #617dff14,0 20px 80px #1b2b6352}to{box-shadow:0 0 0 1px #617dff33,0 20px 80px #2de2ff40,0 0 40px #2de2ff1a}}.maintenance-card .auth-social-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-weight:500}.auth-checkboxes{gap:12px;margin-top:2px;display:grid}.auth-checkbox{color:#dce6ff;cursor:pointer;background:#0a0e1894;border:1px solid #7591ff24;border-radius:18px;align-items:flex-start;gap:12px;padding:14px 15px;transition:border-color .25s,box-shadow .25s,background .25s,transform .25s;display:flex;position:relative}.auth-checkbox:hover{background:#0a0e18bd;border-color:#2de2ff47;transform:translateY(-1px);box-shadow:0 10px 26px #1b2b632e}.auth-checkbox input{opacity:0;pointer-events:none;position:absolute}.auth-checkbox-box{background:#05070de6;border:1px solid #7591ff47;border-radius:7px;flex-shrink:0;width:22px;height:22px;margin-top:1px;transition:background .25s,border-color .25s,box-shadow .25s,transform .2s;position:relative;box-shadow:inset 0 0 0 1px #ffffff08,0 0 #2de2ff00}.auth-checkbox-box:after{content:"";opacity:0;border:2px solid #fff;border-width:0 2px 2px 0;width:6px;height:11px;transition:opacity .2s,transform .2s;position:absolute;top:3px;left:7px;transform:rotate(45deg)scale(.55)}.auth-checkbox input:checked+.auth-checkbox-box{background:linear-gradient(135deg,#2de2ff,#2b7fff 35%,#8a4dff 68%,#ff4fd8);border-color:#0000;box-shadow:0 0 0 4px #2de2ff14,0 8px 22px #5a68ff47,0 0 26px #2de2ff2e}.auth-checkbox input:checked+.auth-checkbox-box:after{opacity:1;transform:rotate(45deg)scale(1)}.auth-checkbox input:focus-visible+.auth-checkbox-box{border-color:#2de2ff80;box-shadow:0 0 0 4px #2de2ff1f}.auth-checkbox:active .auth-checkbox-box{transform:scale(.92)}.auth-checkbox-text{color:#c8d1ea;-webkit-user-select:none;user-select:none;font-size:.92rem;line-height:1.45}.auth-checkbox:hover .auth-checkbox-text{color:#f7faff}@media (max-width:640px){.auth-checkbox{padding:13px 14px}.auth-checkbox-text{font-size:.88rem}}@media (max-width:980px){.maintenance-grid{grid-template-columns:1fr;gap:32px}.maintenance-left{text-align:center}.maintenance-content{flex-direction:column;align-items:center;display:flex}.maintenance-features .auth-feature-item{justify-content:center}.falling-logo-wrapper{margin:0 auto 20px}}.auth-oauth-block{gap:14px;display:grid}.auth-google-btn{color:#f7faff;cursor:pointer;background:linear-gradient(#ffffff14,#ffffff08),#0a0e18c2;border:1px solid #7591ff2e;border-radius:999px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:56px;font-size:1rem;font-weight:700;transition:transform .25s,border-color .25s,box-shadow .25s,background .25s;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 12px 32px #1b2b6338}.auth-google-btn:before{content:"";opacity:0;z-index:0;background:linear-gradient(135deg,#2de2ff4d,#8a4dff3d,#ff4fd847);transition:opacity .25s;position:absolute;inset:-2px}.auth-google-btn:after{content:"";border-radius:inherit;z-index:0;background:#080c16eb;position:absolute;inset:1px}.auth-google-btn:hover{border-color:#2de2ff57;transform:translateY(-2px);box-shadow:inset 0 1px #ffffff1a,0 16px 38px #1b2b6347,0 0 32px #2de2ff1f}.auth-google-btn:hover:before{opacity:1}.auth-google-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.auth-google-btn>span{z-index:1;position:relative}.auth-google-icon{background:#fff;border-radius:999px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid;box-shadow:0 8px 20px #00000038}.auth-google-icon svg{display:block}