@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=DM+Sans:wght@300;400;500;600&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{color:#e8eaf0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#070d1a;font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer}.login-root{background:#070d1a;justify-content:center;align-items:center;min-height:100vh;font-family:DM Sans,sans-serif;display:flex;position:relative;overflow:hidden}.login-bg{pointer-events:none;position:absolute;inset:0}.stars{background-image:radial-gradient(1px 1px at 15% 20%,#ffffffb3 0%,#0000 100%),radial-gradient(1px 1px at 35% 8%,#ffffff80 0%,#0000 100%),radial-gradient(1.5px 1.5px at 55% 15%,#fffc 0%,#0000 100%),radial-gradient(1px 1px at 75% 5%,#fff9 0%,#0000 100%),radial-gradient(1px 1px at 90% 25%,#ffffff80 0%,#0000 100%),radial-gradient(1px 1px at 8% 45%,#fff6 0%,#0000 100%),radial-gradient(1.5px 1.5px at 28% 55%,#fff9 0%,#0000 100%),radial-gradient(1px 1px at 48% 40%,#ffffff80 0%,#0000 100%),radial-gradient(1px 1px at 68% 60%,#fff6 0%,#0000 100%),radial-gradient(1px 1px at 88%,#fff9 0%,#0000 100%),radial-gradient(1px 1px at 20% 75%,#fff6 0%,#0000 100%),radial-gradient(1.5px 1.5px at 60% 80%,#ffffff80 0%,#0000 100%),radial-gradient(1px 1px at 80% 70%,#fff6 0%,#0000 100%);position:absolute;inset:0}.mountain-silhouette{clip-path:polygon(0% 100%,0% 80%,5% 75%,10% 65%,15% 70%,22% 45%,28% 55%,33% 35%,38% 50%,44% 20%,50% 40%,55% 25%,60% 42%,65% 30%,72% 50%,78% 38%,83% 55%,88% 40%,93% 60%,100% 50%,100% 100%);opacity:.6;background:linear-gradient(#0000 0%,#0d1626 100%);height:35%;position:absolute;bottom:0;left:0;right:0}.login-root:before{content:"";pointer-events:none;background:radial-gradient(#b8860b26 0%,#0000 70%);width:600px;height:400px;position:absolute;top:-200px;left:50%;transform:translate(-50%)}.login-card{z-index:10;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0d1426d9;border:1px solid #b8860b40;border-radius:20px;width:420px;padding:40px;animation:.5s cubic-bezier(.34,1.56,.64,1) cardIn;position:relative;box-shadow:0 0 0 1px #ffffff0a,0 24px 80px #0009,0 0 60px #b8860b14}@keyframes cardIn{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.login-logo{align-items:center;gap:12px;margin-bottom:32px;display:flex}.logo-icon{color:#0a0e1a;background:linear-gradient(135deg,#b8860b,#f0c040);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 20px #b8860b66}.logo-text{flex-direction:column;display:flex}.logo-name{color:#e8eaf0;font-family:Playfair Display,serif;font-size:20px;font-weight:700;line-height:1.2}.logo-sub{color:#6b7280;font-size:12px}.login-form{flex-direction:column;gap:0;display:flex}.login-title{color:#e8eaf0;margin-bottom:6px;font-family:Playfair Display,serif;font-size:24px;font-weight:600}.login-desc{color:#6b7280;margin-bottom:24px;font-size:14px;line-height:1.5}.form-group{margin-bottom:16px}.form-group label{color:#9ca3af;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.form-group input,.input-wrap input{color:#e8eaf0;box-sizing:border-box;background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;outline:none;width:100%;padding:12px 14px;font-family:DM Sans,sans-serif;font-size:15px;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.input-wrap input:focus{border-color:#b8860b;box-shadow:0 0 0 3px #b8860b1f}.form-group input::placeholder,.input-wrap input::placeholder{color:#4b5563}.totp-input{text-align:center!important;letter-spacing:12px!important;font-size:28px!important;font-weight:600!important}.input-wrap{position:relative}.input-wrap input{padding-right:44px}.toggle-pass{cursor:pointer;color:#6b7280;background:0 0;border:none;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.toggle-pass:hover{color:#e8eaf0}.login-error{color:#f87171;background:#dc26261a;border:1px solid #dc262633;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:13px;display:flex}.btn-primary{color:#0a0e1a;cursor:pointer;background:linear-gradient(135deg,#b8860b,#d4a017);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:8px;padding:13px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 20px #b8860b4d}.btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 6px 24px #b8860b66}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-ghost{color:#6b7280;cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:10px;width:100%;margin-top:10px;padding:11px;font-family:DM Sans,sans-serif;font-size:14px;transition:all .2s}.btn-ghost:hover{color:#e8eaf0;border-color:#ffffff26}.login-footer{text-align:center;color:#4b5563;margin-top:24px;font-size:12px}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=480px){.login-card{width:100%;margin:16px;padding:28px 24px}}