@import"https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800;900&display=swap";.login-wrap{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(1200px 600px at 80% -10%,rgba(20,102,74,.55),transparent 60%),radial-gradient(900px 500px at 10% 110%,rgba(212,160,23,.12),transparent 55%),linear-gradient(160deg,var(--emerald-950),var(--emerald-900) 60%,#06251c);overflow:hidden}.dot{position:absolute;border-radius:50%;background:radial-gradient(circle,#f0c96ae6,#d4a01726);animation:floaty linear infinite;pointer-events:none}@keyframes floaty{0%{transform:translateY(0) scale(1);opacity:0}10%{opacity:.8}90%{opacity:.8}to{transform:translateY(-120vh) scale(1.3);opacity:0}}.login-card{position:relative;z-index:2;width:100%;max-width:430px;background:#f7f5effa;border-radius:22px;padding:40px 34px 34px;box-shadow:0 30px 80px #0006;border:1px solid var(--line)}.login-brand{text-align:center;margin-bottom:26px}.login-logo{width:118px;height:116px;margin:0 auto 16px;display:grid;place-items:center}.login-logo img{width:100%;height:100%;object-fit:contain}.login-title{font-size:22px;font-weight:800;color:var(--emerald-900)}.login-sub{font-size:13.5px;color:var(--text-soft);margin-top:4px}.field{margin-bottom:16px}.field label{display:block;font-size:13.5px;font-weight:600;color:var(--emerald-800);margin-bottom:7px}.field .control{position:relative;display:flex;align-items:center}.field input{width:100%;padding:13px 15px;font-size:15px;border:1.5px solid #dcd6c8;border-radius:var(--radius-sm);background:#fff;color:var(--text);transition:border-color .15s,box-shadow .15s}.field input:focus{outline:none;border-color:var(--gold-500);box-shadow:0 0 0 3px #d4a01726}.pw-toggle{position:absolute;inset-inline-start:12px;background:none;color:var(--text-soft);font-size:13px;font-weight:600}.btn-login{width:100%;padding:14px;margin-top:6px;background:linear-gradient(145deg,var(--emerald-700),var(--emerald-900));color:var(--text-invert);font-size:16px;font-weight:700;border-radius:var(--radius-sm);transition:transform .12s,box-shadow .2s,opacity .2s;box-shadow:0 8px 24px #0a3d2e59}.btn-login:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 30px #0a3d2e73}.btn-login:disabled{opacity:.6;cursor:not-allowed}.alert{padding:12px 14px;border-radius:var(--radius-sm);font-size:13.5px;font-weight:600;margin-bottom:16px;display:flex;gap:9px;align-items:flex-start;line-height:1.6}.alert-error{background:#fdecea;color:var(--danger);border:1px solid #f5c6c0}.alert-warn{background:#fff6e6;color:#a06a00;border:1px solid #f0d9a0}.alert svg{flex-shrink:0;margin-top:2px}.block-card{background:#fff6e6;border:1.5px solid #f0d9a0;border-radius:var(--radius);padding:22px;text-align:center}.block-icon{width:58px;height:58px;margin:0 auto 14px;border-radius:50%;background:#fce6c0;display:grid;place-items:center;color:#a06a00}.block-title{font-size:18px;font-weight:800;color:#7a5200;margin-bottom:8px}.block-text{font-size:14px;color:#8a6a2a;line-height:1.8;margin-bottom:16px}.block-meta{display:inline-flex;gap:8px;align-items:center;background:#fce6c0;border-radius:999px;padding:7px 16px;font-size:13px;font-weight:700;color:#7a5200;margin-bottom:18px}.btn-retry{background:linear-gradient(145deg,var(--gold-500),var(--gold-600));color:#3a2a00;font-weight:700;padding:12px 24px;border-radius:var(--radius-sm)}.login-foot{text-align:center;margin-top:20px;font-size:12px;color:var(--text-soft)}.auth-tabs{display:flex;gap:6px;margin-bottom:22px;background:#ece6d8;border-radius:12px;padding:5px}.auth-tab{flex:1;padding:11px;border-radius:9px;font-size:14.5px;font-weight:700;background:transparent;color:var(--text-soft);transition:background .15s,color .15s}.auth-tab.active{background:#fff;color:var(--emerald-800);box-shadow:0 2px 8px #00000014}.field-hint{font-size:12px;color:var(--text-soft);margin-top:6px}.alert-ok{background:#e6f4ee;color:var(--emerald-700);border:1px solid #b9e0cd}.choice-group{display:grid;gap:8px}.choice{display:flex;align-items:center;gap:10px;width:100%;text-align:right;padding:12px 14px;border:1.5px solid #dcd6c8;border-radius:var(--radius-sm);background:#fff;color:var(--text);font-size:14.5px;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}.choice:hover{border-color:var(--gold-500)}.choice.active{border-color:var(--gold-500);background:#fffdf6;box-shadow:0 0 0 3px #c5a03c24}.choice-dot{flex:none;width:18px;height:18px;border-radius:999px;border:2px solid #cfc7b4;position:relative;transition:border-color .15s}.choice.active .choice-dot{border-color:var(--gold-500)}.choice.active .choice-dot:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:999px;background:var(--gold-500)}.choice-label{flex:1}.emp-fields{display:grid;gap:14px;margin-bottom:4px;padding:14px 14px 4px;border:1.5px dashed #dcd6c8;border-radius:12px;background:#fcfbf6}:root{--emerald-950: #052e23;--emerald-900: #0a3d2e;--emerald-800: #0f4d3a;--emerald-700: #14664a;--emerald-600: #1a7d5c;--emerald-500: #22a06e;--gold-600: #b8860b;--gold-500: #d4a017;--gold-400: #e3b23a;--gold-300: #f0c96a;--ink: #0c1f18;--paper: #f7f5ef;--paper-2: #efe9dc;--line: rgba(212, 160, 23, .18);--text: #1a2a24;--text-soft: #5a6b64;--text-invert: #f4f1e9;--danger: #c0392b;--ok: #1a7d5c;--radius: 16px;--radius-sm: 10px;--shadow: 0 10px 40px rgba(5, 46, 35, .12);--shadow-gold: 0 8px 30px rgba(212, 160, 23, .2)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:Cairo,system-ui,-apple-system,sans-serif}body{background:var(--paper);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit;cursor:pointer;border:none}input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}.loader-screen{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:var(--emerald-950)}.loader-ring{width:54px;height:54px;border-radius:50%;border:4px solid rgba(240,201,106,.25);border-top-color:var(--gold-400);animation:spin .9s linear infinite}.loader-text{color:var(--gold-300);font-weight:600;letter-spacing:.5px}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#14664a4d;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#14664a80}.no-select{user-select:none;-webkit-user-select:none}:focus-visible{outline:3px solid var(--gold-400);outline-offset:2px;border-radius:6px}[role=button]:focus-visible,.section-card:focus-visible,.course-card:focus-visible,.pl-item:focus-visible{outline:3px solid var(--gold-400);outline-offset:2px}