.login-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#6b8dd6 100%) 0 0/200% 200%;justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;animation:16s infinite gradientShift;display:flex;position:relative;overflow:auto}.login-container:before,.login-container:after{content:"";filter:blur(80px);opacity:.4;pointer-events:none;border-radius:999px;position:absolute}.login-container:before{background:#ffffff80;width:450px;height:450px;top:-120px;right:-120px}.login-container:after{background:#ffffff59;width:380px;height:380px;bottom:-140px;left:-140px}.login-card{-webkit-backdrop-filter:blur(12px);text-align:center;color:#1e293b;opacity:0;background:#fffffff2;border:1px solid #fff9;border-radius:20px;width:100%;max-width:460px;transition:transform .6s,opacity .6s;position:relative;overflow:hidden;transform:translateY(30px);box-shadow:0 25px 60px #00000026}.login-card.show{opacity:1;transform:translateY(0)}.login-glow{display:none}.login-card h2{letter-spacing:1px;color:#1e293b;margin-bottom:.5rem;font-size:1.75rem;font-weight:600}.role-btn{color:#334155;cursor:pointer;text-align:left;background:#f8fafccc;border:1px solid #64748b33;border-radius:12px;align-items:center;gap:1rem;width:100%;padding:1rem 1.25rem;transition:all .3s;display:flex}.role-btn:hover{background:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.role-btn .icon{flex-shrink:0;font-size:1.75rem}.role-btn .info{flex-direction:column;display:flex}.role-btn .title{color:#1e293b;font-size:1rem;font-weight:600}.role-btn .desc{color:#64748b;margin-top:2px;font-size:.8rem}.role-btn.admin:hover{border-color:#ef444480;box-shadow:0 8px 25px #ef444426}.role-btn.researcher:hover{border-color:#22c55e80;box-shadow:0 8px 25px #22c55e26}.role-btn.auditor:hover{border-color:#eab30880;box-shadow:0 8px 25px #eab30826}.login-card input{color:#1e293b!important;background:#f8fafc!important;border-color:#e2e8f0!important}.login-card input::placeholder{color:#94a3b8!important}.login-card input:focus{border-color:#6366f1!important;box-shadow:0 0 0 3px #6366f11a!important}.login-card [data-state=active]{color:#1e293b!important;background:#fff!important}.login-card [role=tablist]{background:#f1f5f9!important}.login-card [role=tab]{color:#64748b!important}.login-card [role=tab][data-state=active]{color:#1e293b!important}.login-card label{color:#475569!important}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}