.login-page{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--white);width:100%;max-width:400px;box-shadow:var(--shadow);border-radius:20px;padding:40px 40px 36px}.login-card__logo{justify-content:center;margin-bottom:16px;display:flex}.login-card__title{text-align:center;color:var(--black);margin-bottom:28px;font-size:28px;font-weight:600}.login-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--gray-600);font-size:13px;font-weight:500}.form-input-wrap{background:var(--gray-100);border-radius:var(--radius-sm);border:1.5px solid #0000;align-items:center;gap:8px;padding:10px 14px;transition:border-color .15s;display:flex}.form-input-wrap:focus-within{border-color:var(--yellow)}.form-input-icon{color:var(--gray-400);flex-shrink:0}.form-input{color:var(--black);background:0 0;border:none;width:100%;font-size:14px}.form-input::placeholder{color:var(--gray-400)}.login-forgot{text-align:right;font-size:12px}.login-forgot a{color:var(--gray-500);transition:color .15s}.login-forgot a:hover{color:var(--black)}.btn-primary{background:var(--yellow);color:var(--black);cursor:pointer;border:none;border-radius:30px;justify-content:center;align-items:center;gap:8px;padding:13px 24px;font-size:15px;font-weight:600;transition:background .15s;display:inline-flex}.btn-primary:hover{background:var(--yellow-hover)}.btn-full{width:100%}.link-yellow{color:var(--yellow-dark);font-weight:600}.login-register{text-align:center;color:var(--gray-500);font-size:13px}.login-error{border-radius:var(--radius-sm);color:var(--red);background:#ffebee;border:1px solid #ffcdd2;align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:flex}