@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');:root{--bg-primary:#09090d;--bg-secondary:#0f0f17;--bg-elevated:#1a1a24;--text-primary:#ffffff;--text-secondary:#9ca3af;--color-primary:#567696;--color-primary-hover:#415977;--border-color:rgba(255,255,255,0.1);--shadow-primary:0 20px 60px rgba(0,0,0,0.5);--shadow-glow:0 0 40px rgba(128,153,179,0.3)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow-x:hidden}body{font-family:'Outfit',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-weight:400;background:var(--bg-primary);color:var(--text-primary);position:relative;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.login-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:0;animation:float 20s ease-in-out infinite,orbFadeIn 2s ease-out forwards;will-change:transform}@keyframes orbFadeIn{0%{opacity:0;transform:scale(0.8)}100%{opacity:0.7;transform:scale(1)}}.orb-1{width:600px;height:600px;background:radial-gradient(circle,rgba(128,153,179,0.4) 0%,transparent 70%);top:-200px;left:-200px;animation-delay:0s}.orb-2{width:500px;height:500px;background:radial-gradient(circle,rgba(143,166,188,0.3) 0%,transparent 70%);bottom:-150px;right:-150px;animation-delay:5s}.orb-3{width:400px;height:400px;background:radial-gradient(circle,rgba(129,154,179,0.25) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:10s}@keyframes float{0%,100%{transform:translate(0,0) scale(1) rotate(0deg)}25%{transform:translate(40px,-40px) scale(1.15) rotate(90deg)}50%{transform:translate(-30px,30px) scale(0.95) rotate(180deg)}75%{transform:translate(20px,20px) scale(1.05) rotate(270deg)}}.grid-pattern{position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(128,153,179,0.05) 1px,transparent 1px),linear-gradient(90deg,rgba(128,153,179,0.05) 1px,transparent 1px);background-size:50px 50px;animation:gridMove 20s linear infinite,gridFadeIn 1.5s ease-out;z-index:1;pointer-events:none;opacity:0;animation-fill-mode:forwards}@keyframes gridMove{0%{transform:translate(0,0)}100%{transform:translate(50px,50px)}}@keyframes gridFadeIn{from{opacity:0}to{opacity:1}}.login-container{position:relative;z-index:10;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}@keyframes fadeInUp{from{opacity:0;transform:translateY(50px) scale(0.95)}50%{opacity:0.7;transform:translateY(25px) scale(0.97)}to{opacity:1;transform:translateY(0) scale(1)}}.login-card{width:100%;max-width:440px;background:rgba(15,15,23,0.75);backdrop-filter:blur(20px) saturate(180%);border:none;border-radius:0;box-shadow:var(--shadow-primary),var(--shadow-glow),0 0 0 1px rgba(128,153,179,0.1) inset,0 8px 32px rgba(0,0,0,0.4);position:relative;overflow:hidden;clip-path:polygon( 0% 0%,calc(100% - 20px) 0%,100% 20px,100% 100%,20px 100%,0% calc(100% - 20px) );transform:translateZ(0);transition:transform 0.3s ease,box-shadow 0.3s ease;padding:30px 32px}.login-card:hover{transform:translateY(-4px) translateZ(0);box-shadow:var(--shadow-primary),var(--shadow-glow),0 0 0 1px rgba(128,153,179,0.15) inset,0 12px 40px rgba(0,0,0,0.5),0 0 80px rgba(128,153,179,0.2)}.login-card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;padding:2px;background:linear-gradient( 90deg,transparent 0%,transparent 20%,rgba(128,153,179,0.4) 30%,rgba(128,153,179,0.6) 40%,rgba(80,106,133,0.7) 50%,rgba(128,153,179,0.6) 60%,rgba(128,153,179,0.4) 70%,transparent 80%,transparent 100% );background-size:200% 100%;animation:gradientBorderFlow 6s ease-in-out infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;clip-path:polygon( 0% 0%,calc(100% - 20px) 0%,100% 20px,100% 100%,20px 100%,0% calc(100% - 20px) );z-index:-1;opacity:1}@keyframes gradientBorderFlow{0%{background-position:-100% 50%}50%{background-position:100% 50%}100%{background-position:-100% 50%}}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(80px) scale(0.85) rotateX(10deg);filter:blur(10px)}50%{opacity:0.6;transform:translateY(40px) scale(0.95) rotateX(5deg);filter:blur(5px)}100%{opacity:1;transform:translateY(0) scale(1) rotateX(0deg);filter:blur(0)}}.login-card::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(128,153,179,0.12) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(128,153,179,0.08) 0%,transparent 50%),linear-gradient( 135deg,rgba(128,153,179,0.03) 0%,transparent 40%,rgba(128,153,179,0.03) 100% ),linear-gradient( to bottom,rgba(255,255,255,0.02) 0%,transparent 20%,transparent 80%,rgba(0,0,0,0.1) 100% );pointer-events:none;clip-path:polygon( 0% 0%,calc(100% - 20px) 0%,100% 20px,100% 100%,20px 100%,0% calc(100% - 20px) );z-index:0;opacity:1}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.login-header{text-align:center;position:relative;z-index:2;margin-bottom:22px}.login-logo{max-width:180px;height:auto;display:block;margin:0 auto}.login-form{position:relative;z-index:2;animation:formFadeIn .24s ease-out both}@keyframes formFadeIn{0%{opacity:0;transform:translateY(40px) scale(0.95)}60%{opacity:0.7;transform:translateY(-5px) scale(1.02)}100%{opacity:1;transform:translateY(0) scale(1)}}.form-group{position:relative;z-index:2;opacity:1;transform:translateX(0);margin-bottom:18px}@keyframes formGroupSlide{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.form-group:nth-child(1){--group-index:0}.form-group:nth-child(2){--group-index:1}.form-group:nth-child(3){--group-index:2}.form-label{display:block;font-size:0.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:0.5rem;transition:color 0.3s ease}.form-group:focus-within .form-label{color:var(--color-primary)}.input-wrapper{position:relative}.input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);font-size:1rem;transition:color 0.3s ease;z-index:1}.form-group:focus-within .input-icon{color:var(--color-primary)}.form-input{width:100%;padding:0.875rem 1rem 0.875rem 2.75rem;background:rgba(26,26,36,0.8) !important;border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary) !important;font-size:0.95rem;font-family:inherit;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);outline:none;opacity:1;transform:translateY(0) scale(1);-webkit-text-fill-color:var(--text-primary) !important}.form-input:-webkit-autofill,.form-input:-webkit-autofill:hover,.form-input:-webkit-autofill:focus,.form-input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px rgba(26,26,36,0.8) inset !important;-webkit-text-fill-color:var(--text-primary) !important;background-color:rgba(26,26,36,0.8) !important;color:var(--text-primary) !important;caret-color:var(--text-primary) !important}@keyframes inputSlideIn{from{opacity:0;transform:translateY(20px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}.form-group:nth-child(1) .form-input{--input-index:0}.form-group:nth-child(2) .form-input{--input-index:1}.form-input:focus{border-color:var(--color-primary);background:rgba(26,26,36,0.9) !important;box-shadow:0 0 0 3px rgba(128,153,179,0.15),0 4px 12px rgba(128,153,179,0.1);transform:translateY(0);color:var(--text-primary) !important;-webkit-text-fill-color:var(--text-primary) !important}.form-input:not(:placeholder-shown),.form-input[value]:not([value=""]),.form-input:valid{background:rgba(26,26,36,0.8) !important;color:var(--text-primary) !important;-webkit-text-fill-color:var(--text-primary) !important;border-color:var(--border-color) !important;box-shadow:none !important;transform:translateY(0) !important}.form-input:not(:placeholder-shown):not(:focus),.form-input[value]:not([value=""]):not(:focus),.form-input:not(:placeholder-shown):not(:focus):not(:hover){background:rgba(26,26,36,0.8) !important;color:var(--text-primary) !important;-webkit-text-fill-color:var(--text-primary) !important;border-color:var(--border-color) !important;box-shadow:none !important;transform:translateY(0) !important}#username{background:rgba(26,26,36,0.8) !important;background-color:rgba(26,26,36,0.8) !important;background-image:none !important;color:var(--text-primary) !important;-webkit-text-fill-color:var(--text-primary) !important;transition:background-color 5000000s ease-in-out 0s,background 5000000s ease-in-out 0s,-webkit-box-shadow 5000000s ease-in-out 0s !important}#username:focus{background:rgba(26,26,36,0.9) !important;background-color:rgba(26,26,36,0.9) !important;background-image:none !important;border-color:var(--color-primary) !important;box-shadow:0 0 0 3px rgba(128,153,179,0.15),0 4px 12px rgba(128,153,179,0.1) !important}#username:-webkit-autofill,#username:-webkit-autofill:hover,#username:-webkit-autofill:focus,#username:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px rgba(26,26,36,0.8) inset !important;-webkit-text-fill-color:var(--text-primary) !important;background-color:rgba(26,26,36,0.8) !important;background:rgba(26,26,36,0.8) !important;background-image:none !important;color:var(--text-primary) !important;caret-color:var(--text-primary) !important;transition:background-color 5000000s ease-in-out 0s,background 5000000s ease-in-out 0s,-webkit-box-shadow 5000000s ease-in-out 0s !important}@keyframes inputFocus{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.01)}100%{transform:translateY(-2px) scale(1)}}.form-input::placeholder{color:var(--text-secondary);opacity:0.6}.password-toggle{position:absolute;right:0.20rem;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:0.5rem;border-radius:6px;transition:all 0.3s ease;z-index:1}.password-toggle:hover{color:var(--color-primary);background:rgba(128,153,179,0.1)}.remember-me-group{margin-bottom:1rem;margin-top:-0.5rem}.remember-me-label{display:flex;align-items:center;cursor:pointer;user-select:none;transition:all 0.3s ease}.remember-me-checkbox{width:18px;height:18px;margin:0;margin-right:0.75rem;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:rgba(26,26,36,0.8);border:2px solid var(--border-color);border-radius:4px;position:relative;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);flex-shrink:0}.remember-me-checkbox:hover{border-color:var(--color-primary);background:rgba(26,26,36,0.9)}.remember-me-checkbox:checked{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(128,153,179,0.15),0 2px 8px rgba(128,153,179,0.3)}.remember-me-checkbox:checked::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;border-radius:1px;animation:checkmarkPop 0.2s cubic-bezier(0.4,0,0.2,1)}@keyframes checkmarkPop{0%{transform:translate(-50%,-50%) rotate(45deg) scale(0);opacity:0}50%{transform:translate(-50%,-50%) rotate(45deg) scale(1.2)}100%{transform:translate(-50%,-50%) rotate(45deg) scale(1);opacity:1}}.remember-me-checkbox:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.remember-me-text{font-size:0.875rem;color:var(--text-secondary);font-weight:400;transition:color 0.3s ease;line-height:1.5}.remember-me-label:hover .remember-me-text{color:var(--text-primary)}.remember-me-checkbox:checked ~ .remember-me-text{color:var(--color-primary);font-weight:500}.submit-btn-circle{width:56px;height:56px;margin:1.5rem auto;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);border:2px solid rgba(128,153,179,0.3);border-radius:50%;color:var(--text-primary);cursor:pointer;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(128,153,179,0.3),0 0 0 1px rgba(128,153,179,0.2),inset 0 1px 2px rgba(255,255,255,0.15),inset 0 -1px 2px rgba(0,0,0,0.2);backdrop-filter:blur(10px)}.submit-btn{width:100%;padding:0.75rem 1.25rem;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);border:1.5px solid rgba(128,153,179,0.3);border-radius:10px;color:var(--text-primary);font-size:0.95rem;font-weight:500;cursor:pointer;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;margin-top:0.75rem;box-shadow:0 4px 16px rgba(128,153,179,0.25),0 0 0 1px rgba(128,153,179,0.15),inset 0 1px 0 rgba(255,255,255,0.1);backdrop-filter:blur(10px);letter-spacing:0.3px;text-transform:none;font-family:'Outfit',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}.submit-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient( 90deg,transparent,rgba(255,255,255,0.2),transparent );transition:left 0.6s ease;z-index:1}.submit-btn:hover::before{left:100%}.submit-btn::after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,0.3);transform:translate(-50%,-50%);transition:width 0.4s ease,height 0.4s ease,opacity 0.4s ease;z-index:0;pointer-events:none}.submit-btn:active::after{width:300px;height:300px;opacity:0}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(128,153,179,0.35),0 0 0 1.5px rgba(128,153,179,0.25),inset 0 1px 0 rgba(255,255,255,0.15);background:linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-primary) 100%);border-color:rgba(128,153,179,0.4)}.submit-btn:active{transform:translateY(0) scale(0.98);transition:all 0.15s ease;box-shadow:0 2px 10px rgba(128,153,179,0.3),0 0 0 1.5px rgba(128,153,179,0.25),inset 0 1px 0 rgba(255,255,255,0.1)}.submit-btn:disabled{opacity:0.5;cursor:not-allowed;transform:none;animation:none;box-shadow:0 4px 15px rgba(128,153,179,0.2),0 0 0 1px rgba(128,153,179,0.1);background:linear-gradient(135deg,rgba(128,153,179,0.6) 0%,rgba(80,106,133,0.6) 100%)}.btn-circle-content{display:flex;align-items:center;justify-content:center;position:relative;z-index:2;width:100%;height:100%;transition:all 0.4s cubic-bezier(0.4,0,0.2,1)}.btn-circle-icon{font-size:1.25rem;transition:all 0.3s ease;position:relative;z-index:3}.submit-btn-circle:hover{transform:translateY(-2px);box-shadow:0 6px 25px rgba(128,153,179,0.4),0 0 0 2px rgba(128,153,179,0.25),inset 0 1px 2px rgba(255,255,255,0.2),inset 0 -1px 2px rgba(0,0,0,0.2);background:linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-primary) 100%);border-color:rgba(128,153,179,0.5)}.submit-btn-circle:hover .btn-circle-icon{transform:translateX(2px)}.submit-btn-circle:active{transform:translateY(0) scale(0.98);transition:all 0.15s ease}.submit-btn-circle::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,0.25);transform:translate(-50%,-50%);transition:width 0.4s ease,height 0.4s ease,opacity 0.4s ease;z-index:1;pointer-events:none}.submit-btn-circle:active::before{width:120px;height:120px;opacity:0}.btn-content{display:flex;align-items:center;justify-content:center;position:relative;z-index:2;transition:all 0.3s ease}.login-footer{text-align:center;border-top:1px solid var(--border-color);color:var(--text-secondary);position:relative;margin-top:20px;padding-top:16px;font-size:11px;min-height:0;animation:none}.login-footer::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent);animation:footerLineExpand 1s ease-out 1.6s both}.footer-text-wrapper{display:inline-flex;align-items:center;gap:0.25rem;font-family:'Outfit',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-weight:400;letter-spacing:0.5px}.footer-typing-text{color:var(--text-secondary);font-size:0.9rem;opacity:0.85;display:inline-block}.footer-typing-text .footer-brand{color:var(--color-primary);font-weight:500;letter-spacing:0.8px;transition:all 0.3s ease}.footer-typing-text .footer-brand:hover{color:var(--color-primary-hover);text-shadow:0 0 8px rgba(128,153,179,0.4)}.footer-cursor{color:var(--color-primary);font-weight:300;animation:cursorBlink 1s infinite;font-size:1rem;line-height:1;opacity:0.9}@keyframes cursorBlink{0%,50%{opacity:1}51%,100%{opacity:0.3}}@keyframes footerFadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes footerLineExpand{from{width:0}to{width:100%}}.loading-spinner{display:none;width:20px;height:20px;border:2.5px solid rgba(255,255,255,0.2);border-top-color:white;border-right-color:white;border-radius:50%;animation:spin 0.8s cubic-bezier(0.5,0,0.5,1) infinite;position:relative}.loading-spinner::after{content:'';position:absolute;top:-2.5px;left:-2.5px;width:20px;height:20px;border:2.5px solid transparent;border-top-color:rgba(255,255,255,0.5);border-radius:50%;animation:spin 1.2s linear infinite reverse}.submit-btn.loading .loading-spinner{display:block}.submit-btn.loading .btn-text,.submit-btn.loading .btn-content i{display:none}.submit-btn.loading{pointer-events:none;animation:loadingPulse 1.5s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes loadingPulse{0%,100%{opacity:1;box-shadow:0 4px 20px rgba(128,153,179,0.4),0 0 0 0 rgba(128,153,179,0.7)}50%{opacity:0.9;box-shadow:0 4px 25px rgba(128,153,179,0.5),0 0 0 5px rgba(128,153,179,0.3)}}@media (max-width:640px){.login-container{padding:1rem}.login-card{padding:2rem 1.5rem;clip-path:polygon( 0% 0%,calc(100% - 15px) 0%,100% 15px,100% 100%,15px 100%,0% calc(100% - 15px) )}.login-card::before,.login-card::after{clip-path:polygon( 0% 0%,calc(100% - 15px) 0%,100% 15px,100% 100%,15px 100%,0% calc(100% - 15px) )}.login-title{font-size:1.75rem}.logo-container{width:70px;height:70px}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}.form-input:focus-visible,.submit-btn:focus-visible,.password-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}

/* Retain the reference card; use the public TenProtect ribbons behind it. */
body.vmp-login { min-height: 100vh; height: auto; overflow-y: auto; isolation: isolate; font-family: Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; background: #070608; }
body.vmp-login::before, body.vmp-login::after { content: ''; position: fixed; inset: 0; z-index: 0; pointer-events: none; }
body.vmp-login::before { background: radial-gradient(ellipse 48% 42% at 71% 27%,#5c7a9936,transparent 76%),radial-gradient(ellipse 60% 40% at 14% 82%,#37495b19,transparent 73%),linear-gradient(125deg,#080608 12%,#0c0c0c 51%,#070608 88%); }
body.vmp-login::after { background: repeating-linear-gradient(134deg,transparent 0 91px,#6584a20b 96px 127px,#7691ad33 132px 161px,#2b394821 167px 185px,transparent 191px 245px); mask-image: radial-gradient(ellipse 63% 58% at 58% 36%,#000 3%,transparent 83%); opacity: .82; animation: vmp-login-ribbons 20s ease-in-out infinite alternate; }
@keyframes vmp-login-ribbons { from { transform: translate3d(-2%,0,0); opacity: .5; } to { transform: translate3d(2%,1%,0); opacity: .8; } }
.login-card { background: rgba(15,15,23,.75); }
.login-header a { display: inline-flex; justify-content: center; align-items: center; text-decoration: none; color: #fff; gap: 11px; }
.login-logo { width: 47px; height: 47px; }
.login-brand { display: grid; text-align: left; gap: 4px; }
.login-brand strong { font-size: 17px; font-weight: 800; letter-spacing: .01em; }
.login-brand small { color: #9da8b7; font: 7px ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing: .14em; }
.login-form .form-input { font-family: inherit; }
.input-wrapper:has(.password-toggle) .form-input { padding-right: 3rem; }
.form-label .optional { float: right; font-size: 10px; color: #828992; font-weight: 400; }
.submit-btn { font-family: inherit; min-height: 44px; }
.login-links { display: flex; justify-content: space-between; gap: 14px; flex-wrap: wrap; margin-top: 18px; }
.login-links a { color: #a4aebb; font-size: 11px; text-decoration: none; transition: color .2s; }
.login-links a:hover { color: #8fa6bc; }
.footer-text-wrapper { font-family: inherit; letter-spacing: 0; min-height: 36px; }
.footer-typing-text { font-size: 10px; line-height: 1.7; }
.form-input[aria-invalid=true] { border-color: #8fa6bc !important; }
.vh-toast { position: fixed; z-index: 100; bottom: 22px; left: 50%; transform: translateX(-50%); width: max-content; max-width: calc(100% - 32px); padding: 15px 20px; border: 1px solid #8fa6bc70; border-radius: 12px; background: #29121eed; box-shadow: 0 12px 42px #0008; color: #fff; font-size: 13px; }
.vh-toast-success { border-color: #91c4a570; }
@media(max-width:640px) { .login-brand strong { font-size: 16px; } .login-container { padding: 24px 16px; } }
@media(prefers-reduced-motion:reduce) { body.vmp-login::after { animation: none !important; } }
body.vmp-login .header { top: 18px; left: 50%; right: auto; width: min(1280px, calc(100% - 48px)); transform: translateX(-50%); border: 1px solid #566e8e4a; border-radius: 18px; background: linear-gradient(100deg,#0e0e0ed6,#0f1318c4 48%,#0c0c0cdc); -webkit-backdrop-filter: blur(16px) saturate(1.15); backdrop-filter: blur(16px) saturate(1.15); box-shadow: 0 22px 60px #0008,inset 0 1px #ffffff19,0 0 0 1px #8ba2ba0a; transition: transform .26s ease, opacity .26s ease; }
body.vmp-login .header.vh-header-hidden { transform: translate(-50%,calc(-100% - 32px)); opacity: 0; pointer-events: none; }
body.vmp-login .header::before { border-radius: 18px 18px 0 0; }
body.vmp-login .header-content { max-width: none; min-height: 70px; padding: 0 25px; gap: 24px; }
body.vmp-login .logo { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; color: #fff; white-space: nowrap; }
body.vmp-login .logo img { width: 40px; height: 40px; object-fit: contain; }
body.vmp-login .logo span { display: grid; gap: 4px; }
body.vmp-login .logo b { font-size: 13px; font-weight: 800; letter-spacing: .025em; }
body.vmp-login .logo small { color: #929caa; font: 8px ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing: .13em; }
body.vmp-login .vh-main-nav { display: flex; align-items: center; justify-content: center; flex: 1; gap: 3px; }
body.vmp-login .vh-main-nav a { color: #aab2bc; padding: 9px 10px; font-size: 12px; font-weight: 600; white-space: nowrap; text-decoration: none; border-radius: 9px; transition: color .2s, background .2s; }
body.vmp-login .vh-main-nav a:hover, body.vmp-login .vh-main-nav a:focus-visible { color: #fff; background: #859db61b; }
body.vmp-login .header-actions { display: flex; align-items: center; gap: 13px; margin-left: auto; }
body.vmp-login .header-actions .vh-header-link { color: #aab2bc; font-size: 11px; font-weight: 600; text-decoration: none; white-space: nowrap; transition: color .2s ease; }
body.vmp-login .header-actions .vh-header-link:hover { color: #fff; }
body.vmp-login .header-actions .vh-developers-btn { display: inline-flex; align-items: center; gap: 8px; padding: 10px 12px; color: #eef1f5; background: #151218c9; border: 1px solid #ffffff1f; border-radius: 10px; font-size: 11px; font-weight: 700; text-decoration: none; white-space: nowrap; transition: border-color .2s, transform .2s, background .2s; }
body.vmp-login .header-actions .vh-developers-btn:hover { transform: translateY(-2px); border-color: #8fa6bc74; background: #151c24; }
body.vmp-login .header-actions .vh-header-cta { padding: 11px 15px; border: 1px solid #839bb4; border-radius: 10px; background: linear-gradient(135deg,#889fb7,#54708c); box-shadow: inset 0 1px #ffffff3a,0 8px 24px #6886a540; color: #fff; font-size: 11px; font-weight: 800; text-decoration: none; white-space: nowrap; transition: transform .2s,box-shadow .2s; }
body.vmp-login .header-actions .vh-header-cta:hover { transform: translateY(-2px); box-shadow: 0 12px 26px #7490ac59,inset 0 1px #ffffff4a; }
body.vmp-login .vh-mobile-menu { display: none; position: relative; }
body.vmp-login .vh-mobile-menu summary { list-style: none; cursor: pointer; width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid #ffffff29; border-radius: 10px; background: #1d1419; color: #8fa6bc; }
body.vmp-login .vh-mobile-menu summary::-webkit-details-marker { display: none; }
body.vmp-login .vh-mobile-menu[open] summary { border-color: #8fa6bc; }
body.vmp-login .vh-mobile-menu-panel { position: absolute; right: 0; top: calc(100% + 17px); width: min(260px, calc(100vw - 32px)); padding: 8px; display: grid; gap: 2px; border: 1px solid #506b8660; border-radius: 14px; background: #140d12f0; box-shadow: 0 22px 55px #0009; -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); }
body.vmp-login .vh-mobile-menu-panel a { display: block; padding: 10px 12px; border-radius: 8px; color: #e7ebf0; text-decoration: none; font-size: 12px; font-weight: 600; }
body.vmp-login .vh-mobile-menu-panel a:hover, body.vmp-login .vh-mobile-menu-panel a:focus-visible { background: #7e97b12a; color: #fff; }
@media(max-width: 1150px) { body.vmp-login .header-actions .vh-social-link { display: none; } body.vmp-login .header-content { gap: 12px; } }
@media(max-width: 950px) { body.vmp-login .header { top: 12px; width: calc(100% - 24px); } body.vmp-login .vh-main-nav, body.vmp-login .header-actions .vh-developers-btn { display: none; } body.vmp-login .vh-mobile-menu { display: block; } }
@media(max-width: 720px) { body.vmp-login .header-content { padding: 0 14px; min-height: 62px; } body.vmp-login .logo img { width: 34px; height: 34px; } body.vmp-login .logo b { font-size: 11px; } body.vmp-login .logo small { font-size: 6px; } body.vmp-login .header-actions { gap: 9px; } body.vmp-login .developers-section { padding: 3.5rem 1rem 4rem; } body.vmp-login .developers-grid { grid-template-columns: 1fr; max-width: 460px; gap: 15px; } }
@media(max-width: 420px) { body.vmp-login .header-actions .vh-header-cta { padding: 9px 10px; font-size: 9px; } body.vmp-login .logo small { display: none; } }
body.vmp-login .header { position: fixed; z-index: 60; }
body.vmp-login .header-content { display: flex; align-items: center; }
body.vmp-login .login-container { padding: 118px 24px 28px; }
body.vmp-login .header a:focus-visible, body.vmp-login .header summary:focus-visible { outline: 2px solid #8fa6bc; outline-offset: 3px; }
@media(max-width:720px) { body.vmp-login .login-container { padding: 98px 16px 24px; } }

.vh-password-login-step{margin:0 0 20px;text-align:center}.vh-password-login-step strong{font-size:20px;color:#fff}.vh-password-login-step p{font-size:13px;color:#a9afb7;line-height:1.6;margin:8px 0 0}body.vmp-login .vh-login-discord-icon{display:block;width:22px;height:22px;flex:0 0 22px;align-self:center;fill:currentColor}body.vmp-login .vh-discord-login-button{min-height:46px;padding:10px 16px;line-height:22px}body.vmp-login .vh-login-discord-note{font-size:11px;line-height:1.5;margin:10px 0 0}body.vmp-login .vh-login-divider{margin:16px 0}body.vmp-login .vh-discord-login-step{padding:14px;margin-bottom:20px}.login-header .login-logo{margin:0}.login-links{margin-top:18px}@media(max-width:480px){.login-card{padding:26px 24px}}