*,:before,:after{box-sizing:border-box}body{color:#e2e8f0;background:linear-gradient(135deg,#0f172a,#1e293b);min-height:100vh;margin:0;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}.login-shell{justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.login-card{background:#0b1222;border:1px solid #ffffff14;border-radius:16px;width:min(440px,100%);padding:32px;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000073}.login-card:before,.login-card:after{content:"";filter:blur(70px);opacity:.18;border-radius:50%;position:absolute}.login-card:before{background:#22d3ee;width:200px;height:200px;top:-60px;left:-80px}.login-card:after{background:#a855f7;width:260px;height:260px;bottom:-120px;right:-80px}.login-header{z-index:1;align-items:center;gap:12px;margin-bottom:20px;display:flex;position:relative}.badge{color:#e2e8f0;letter-spacing:.5px;background:#38bdf826;border:1px solid #38bdf84d;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-weight:700;display:inline-flex}.login-title{color:#f8fafc;margin:0;font-size:22px;font-weight:700}.login-subtitle{color:#94a3b8;margin:6px 0 0;font-size:14px}.form-card{z-index:1;flex-direction:column;gap:16px;margin-top:10px;display:flex;position:relative}.form-label{color:#cbd5e1;margin-bottom:6px;font-size:13px;display:inline-block}.form-control input{color:#e2e8f0;background:#ffffff05;border:1px solid #ffffff14;border-radius:10px;width:100%;padding:12px 14px;font-size:15px;transition:border-color .2s,box-shadow .2s,background .2s}.form-control input:focus{background:#38bdf80f;border-color:#38bdf8;outline:none;box-shadow:0 0 0 3px #38bdf833}.form-error{color:#f87171;margin-top:6px;font-size:12px}.submit-row{margin-top:4px}.btn-primary{color:#0b1222;letter-spacing:.2px;cursor:pointer;background:linear-gradient(90deg,#38bdf8,#0ea5e9);border:none;border-radius:12px;width:100%;padding:12px 16px;font-weight:700;transition:transform .15s,box-shadow .15s,filter .15s;box-shadow:0 12px 30px -12px #38bdf899}.btn-primary:hover{filter:brightness(1.04);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.helper-row{color:#94a3b8;justify-content:space-between;align-items:center;margin-top:4px;font-size:13px;display:flex}.helper-row a{color:#38bdf8;font-weight:600;text-decoration:none}.flash-messages{margin-bottom:14px}.message{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;margin-bottom:10px;padding:12px 14px;font-size:14px}.message.error{color:#f87171;background:#f8717114;border-color:#f8717166}.message.success{color:#34d399;background:#10b98114;border-color:#10b98166}@media (max-width:540px){.login-card{padding:26px}.login-title{font-size:20px}}