.login-page{width:100%;min-height:calc(100vh - 70px);display:flex;justify-content:center;align-items:center;padding:40px 20px}.login-card{width:380px;padding:32px;border-radius:16px;background:hsla(0,0%,100%,.1);backdrop-filter:blur(6px);box-shadow:0 8px 25px rgba(0,0,0,.25);color:#fff}.login-title{text-align:center;margin-bottom:24px;font-size:24px;font-weight:600}.login-input-group{display:flex;flex-direction:column;margin-bottom:16px}.login-input-group label{margin-bottom:6px;font-size:14px;opacity:.9}.login-input-group input{padding:10px 12px;border-radius:10px;border:none;outline:none;background:hsla(0,0%,100%,.18);color:#fff;font-family:inherit;font-size:14px;letter-spacing:normal}.login-input-group input::placeholder{color:hsla(0,0%,100%,.6)}.error-text{color:#ff6b6b;font-size:13px;margin-top:6px;text-shadow:0 0 6px rgba(255,40,40,.4)}.role-title{margin-top:10px;margin-bottom:10px}.role-list{display:flex;gap:14px}.role-item{flex:1;text-align:center;padding:12px 0;border-radius:12px;background:hsla(0,0%,100%,.15);cursor:pointer;transition:.25s;user-select:none;font-weight:500}.role-item:hover{background:hsla(0,0%,100%,.25);transform:translateY(-2px);box-shadow:0 4px 14px hsla(0,0%,100%,.18)}.role-item.active{background:hsla(0,0%,100%,.35);border:1px solid hsla(0,0%,100%,.55);transform:translateY(-3px);box-shadow:0 6px 18px hsla(0,0%,100%,.25)}.login-btn{width:100%;padding:12px 0;border:none;border-radius:12px;background:#767676;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:.25s}.login-btn:hover{background:#2a8aff;box-shadow:0 4px 18px rgba(42,99,255,.45)}.password-wrapper{display:flex;align-items:center;position:relative}.password-wrapper input{width:100%;padding-right:55px;font-size:14px;color:#fff;background:hsla(0,0%,100%,.18);border-radius:10px;border:none;outline:none}.password-field,.password-wrapper input{font-family:inherit;letter-spacing:normal}.toggle-btn{position:absolute;right:12px;top:45%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;color:#fff;font-size:12px;opacity:.8;transition:.2s}.toggle-btn:hover{opacity:1;text-decoration:underline}.beams-container{position:relative;width:100%;height:100%}