@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap');
:root{--ink:#17283f;--muted:#637087;--indigo:#4338ca;--line:#dfe4ef;--warm:#f7f8fc;--coral:#ffb59c}*{box-sizing:border-box}body{margin:0;background:var(--warm);color:var(--ink);font:16px/1.7 Cairo,Arial,sans-serif}button,input{font:inherit}a{color:var(--indigo);text-underline-offset:4px}button,a,input{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #c9872b;outline-offset:3px}header{max-width:1150px;margin:auto;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:10px;font:900 24px/1.3 Cairo,sans-serif;text-decoration:none;color:var(--ink);min-height:44px}.brand-accent{color:var(--indigo)}.mark{display:grid;place-items:center;background:var(--ink);color:white;width:38px;height:42px;border-radius:12px;font:800 26px Arial}.header-link{min-height:44px;display:flex;align-items:center;gap:10px;text-decoration:none;font-size:13px;font-weight:700;color:var(--ink)}.shell{max-width:1080px;margin:22px auto 40px;display:grid;grid-template-columns:1fr 1fr;min-height:650px;background:white;border-radius:28px;box-shadow:0 20px 65px #14213d0a;border:1px solid #e5e6ed;overflow:hidden}.story{padding:44px;background:var(--ink);color:white;position:relative;overflow:hidden}.story:after{content:'';position:absolute;width:270px;height:270px;border:55px solid #ffffff06;border-radius:50%;bottom:-140px;left:-90px;pointer-events:none}.pill{font-size:12px;color:#ecebff;border:1px solid #ffffff35;border-radius:30px;display:inline-block;padding:5px 13px}.story h1{font-size:44px;line-height:1.45;margin:23px 0 15px;letter-spacing:-1px}.story h1 em{font-style:normal;color:var(--coral)}.story>p{color:#c5ccdc;max-width:350px;font-size:14px;margin-bottom:28px}.path{display:flex;gap:12px;align-items:center;margin:18px 0}.path>span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#ffffff12;border:1px solid #ffffff20}.path strong{font-size:13px;display:block}.path small{display:block;color:#c5ccdc;font-size:11px}.story-bottom{margin-top:30px;border-top:1px solid #ffffff20;padding-top:18px;display:flex;justify-content:space-between;color:#c5ccdc;font-size:11px}.story-bottom span{color:var(--coral);direction:ltr}.card{padding:45px 42px;min-width:0}.card h1{font-size:28px;line-height:1.6;margin:0 0 5px;letter-spacing:-.5px}.sub{margin:0 0 26px;color:var(--muted);font-size:13px}.sub a,.form-link{font-weight:800}.field{margin:17px 0}.field label{display:block;font-size:13px;font-weight:800;margin-bottom:7px}.field input{border:1px solid #bfc8d8;border-radius:12px;width:100%;height:52px;background:#fff;padding:0 14px;color:var(--ink);font-size:16px;min-width:0}.field input.ltr{direction:ltr;text-align:left}.field input:focus{border-color:var(--indigo)}.field input[aria-invalid=true]{border-color:#b42318}.password-wrap{position:relative}.password-wrap input{padding-left:67px}.toggle{position:absolute;left:5px;top:4px;min-width:54px;height:44px;border:0;background:white;color:var(--indigo);font-size:11px;border-radius:8px}.hint{display:block;color:var(--muted);font-size:11px;margin-top:5px}.forgot-row{display:flex;justify-content:flex-end;margin:-6px 0 15px}.form-link,.text-button{font-size:12px;min-height:44px;display:inline-flex;align-items:center;background:transparent;border:0;color:var(--indigo);padding:0}.primary{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;width:100%;border:0;border-radius:12px;color:white;background:var(--indigo);font-size:14px;font-weight:800;text-decoration:none}.primary:hover{background:#3730a3}.secondary{background:white;border:1px solid var(--line);color:var(--ink);margin-top:10px}.secondary:hover{background:#f5f6fb}.legal{font-size:11px;color:var(--muted);margin:16px 0 0}.legal a{display:inline-flex;align-items:center;min-height:44px}.card-footer{display:flex;justify-content:center;gap:12px;border-top:1px solid #edf0f6;padding-top:16px;margin-top:25px;font-size:11px;color:var(--muted)}.card-footer a{display:flex;align-items:center;min-height:44px;color:var(--muted)}.message{padding:12px 14px;border-radius:12px;background:#eef2ff;color:#3730a3;font-size:12px;margin-top:18px;overflow-wrap:anywhere}.message[data-tone=error]{background:#fff1ef;color:#9f1b13}.message[data-tone=success]{background:#ecfdf3;color:#176343}.account-email{direction:ltr;text-align:right;font-size:13px;overflow-wrap:anywhere;color:var(--muted);margin:10px 0 20px}.success-icon{width:48px;height:48px;background:#ecfdf3;color:#176343;border-radius:15px;display:grid;place-items:center;font-size:24px;margin-bottom:16px}.plans{display:grid;gap:10px;margin-top:20px}.plan{border:1px solid var(--line);border-radius:14px;padding:15px;display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center}.plan strong{font-size:14px}.plan b{font:800 24px Arial;direction:ltr}.plan p{grid-column:1/-1;font-size:11px;margin:0 0 8px;color:var(--muted)}.plan button{grid-column:1/-1;min-height:44px;border:1px solid var(--indigo);border-radius:9px;background:#f2f1ff;color:var(--indigo);font-weight:800;font-size:12px}.disclaimer{text-align:center;font-size:11px;color:var(--muted);padding:0 20px 20px}.logout{display:flex;justify-content:center;margin-top:14px;width:100%}.spinner{width:20px;height:20px;border:2px solid #d3d7e4;border-top-color:var(--indigo);border-radius:50%;animation:spin .7s linear infinite;margin:20px auto}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}}@media(max-width:760px){header{padding:16px 20px}.brand{font-size:21px}.header-link{font-size:11px}.shell{display:block;max-width:480px;margin:10px auto 25px;border-radius:22px;min-height:0}.story{display:none}.card{padding:30px 26px}.card h1{font-size:26px}.disclaimer{font-size:10px}}@media(max-width:510px){body{background:white}.shell{border:0;box-shadow:none;margin:8px auto 20px}.card{padding:22px 23px}header{border-bottom:1px solid #edf0f6}.card-footer{margin-top:28px}}
.sub a{display:inline-flex;align-items:center;min-height:44px}.story h1{font-size:44px}.card h1{font-size:28px}@media(max-width:760px){.card h1{font-size:26px}}

.plan.selected{border:2px solid var(--indigo);background:#faf9ff}.selected-label{font-size:10px;color:var(--indigo);font-weight:800;display:inline-flex;align-items:center;background:#eae7ff;padding:1px 7px;border-radius:20px;margin-inline-start:4px}

/* Course campaign account improvements, 2026-10-31. */
.auth-eyebrow{display:block;font-size:12px;font-weight:800;color:var(--indigo);margin-bottom:10px}.product-switch{background:#f3f1ff;border:1px solid #dfdaf8;border-radius:12px;padding:14px;margin:18px 0;color:var(--ink)}.product-switch strong{display:block;font-size:13px}.product-switch span{display:block;font-size:12px;margin-top:7px}.product-switch a{display:inline-flex;align-items:center;min-height:44px;font-weight:800}.plan-options{border:0;padding:0;margin:22px 0;display:grid;gap:10px}.plan-options legend{font-size:13px;font-weight:800;margin-bottom:10px}.plan-option{display:flex;align-items:center;gap:12px;border:1px solid var(--line);padding:13px;border-radius:12px;cursor:pointer;font-size:14px;min-height:55px}.plan-option:has(input:checked){border:2px solid var(--indigo);background:#f7f5ff;padding:12px}.plan-option input{width:20px;height:20px;accent-color:var(--indigo);margin:0}.plan-option b{margin-inline-start:auto;font:800 22px Arial}.account-warning{margin-top:22px}.field input[type=tel]{direction:ltr;text-align:left}.shell{align-items:stretch}.story{min-height:650px}.story .course-link{display:block;color:#ddd8ff;font-size:13px;margin-top:24px;min-height:44px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #c9872b;outline-offset:3px}