.login-wrap{background:radial-gradient(circle at 15% 15%, #ffb8002e, transparent 45%), radial-gradient(circle at 85% 80%, #4fc3f72e, transparent 45%), var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--card);border-radius:var(--radius-xl);width:100%;max-width:400px;box-shadow:var(--hover-shadow);padding:32px 28px}.login-logo{justify-content:center;align-items:center;gap:8px;margin-bottom:6px;display:flex}.login-logo img{width:auto;height:44px}.login-logo-text{font-family:var(--font-baloo), cursive;font-size:1.7rem;font-weight:900}.login-logo-text .r{color:var(--brand-red)}.login-logo-text .g{color:var(--brand-green)}.login-sub{text-align:center;color:var(--mid);margin-bottom:24px;font-size:.88rem}.login-field{margin-bottom:14px}.login-field label{color:var(--mid);margin-bottom:6px;font-size:.78rem;font-weight:800;display:block}.login-field input,.login-field select{border:2px solid var(--border);border-radius:var(--radius-sm);width:100%;font-size:.92rem;font-family:var(--font-nunito), sans-serif;background:var(--card);color:var(--text);outline:none;padding:12px 16px;transition:border-color .2s}.login-field select{cursor:pointer;appearance:auto}.login-field input:focus,.login-field select:focus{border-color:var(--sky)}.login-btn{justify-content:center;width:100%;margin-top:8px;padding:12px;font-size:.95rem}.login-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-error{color:#c0392b;border-radius:var(--radius-sm);text-align:center;background:#ffe0e0;margin-bottom:14px;padding:10px 14px;font-size:.82rem;font-weight:700}body.dark .login-error{color:#ff6b6b;background:#3a1b1b}.login-demo{border-top:1px solid var(--border);color:var(--mid);margin-top:22px;padding-top:18px;font-size:.76rem;line-height:1.7}.login-demo b{color:var(--text)}.login-card.wide{max-width:520px}.login-field textarea{border:2px solid var(--border);border-radius:var(--radius-sm);width:100%;font-size:.92rem;font-family:var(--font-nunito), sans-serif;background:var(--card);color:var(--text);resize:vertical;outline:none;min-height:70px;padding:12px 16px;transition:border-color .2s}.login-field textarea:focus{border-color:var(--sky)}.login-field input[type=file]{cursor:pointer;padding:9px 12px}.login-row{gap:12px;display:flex}.login-row>.login-field{flex:1;min-width:0}.login-section{text-transform:uppercase;letter-spacing:.06em;color:var(--mid);border-top:1px solid var(--border);margin:18px 0 10px;padding-top:14px;font-size:.72rem;font-weight:900}.login-section:first-of-type{border-top:none;padding-top:0}.login-success{color:#1b7a4b;border-radius:var(--radius-sm);text-align:center;background:#e0f7ec;margin-bottom:14px;padding:10px 14px;font-size:.82rem;font-weight:700}body.dark .login-success{color:#4ade80;background:#16331f}.login-roles{flex-direction:column;gap:10px;margin:6px 0 4px;display:flex}.login-role-btn{border:2px solid var(--border);border-radius:var(--radius-md,14px);background:var(--card);width:100%;color:var(--text);cursor:pointer;font-family:var(--font-nunito), sans-serif;align-items:center;gap:12px;padding:14px 16px;font-size:.95rem;font-weight:800;text-decoration:none;transition:border-color .18s,transform .18s,box-shadow .18s;display:flex}.login-role-btn:hover{border-color:var(--sky);box-shadow:var(--shadow);transform:translateY(-2px)}.login-role-emoji{font-size:1.5rem;line-height:1}.login-role-sub{color:var(--mid);margin-top:2px;font-size:.74rem;font-weight:600;display:block}.login-alt{text-align:center;color:var(--mid);margin-top:18px;font-size:.82rem}.login-alt a{color:var(--brand-green);font-weight:800;text-decoration:none}.login-back{color:var(--mid);margin-bottom:14px;font-size:.8rem;font-weight:700;text-decoration:none;display:inline-block}.login-back:hover{color:var(--text)}.login-demo code{background:var(--light-gray);border-radius:6px;padding:1px 6px;font-size:.72rem}