#shahab-skills-conversation .ss-login{background:#0033dd;color:#fff!important;border-color:#0033dd;font-weight:700}
#shahab-skills-conversation .ss-nav-actions{display:none;align-items:center;gap:10px}
#shahab-skills-conversation .ss-header-mobile-login{display:none}
#shahab-skills-conversation .ss-student-login{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center;min-height:660px;padding-top:70px;padding-bottom:80px}
#shahab-skills-conversation .ss-login-intro h1{font-size:clamp(38px,4.3vw,54px);line-height:1.15;letter-spacing:-2px;margin:20px 0 25px;font-weight:800}
#shahab-skills-conversation .ss-login-intro h1 em{font-style:normal;color:#0033dd}
#shahab-skills-conversation .ss-login-intro p{font-size:17px;line-height:1.85;color:#536173}
#shahab-skills-conversation .ss-login-access-note{padding:20px;margin-top:32px;border-radius:12px;background:#edf7f1;border:1px solid #d7ecdf;font-size:15px}
#shahab-skills-conversation .ss-login-access-note strong{color:#126644}
#shahab-skills-conversation .ss-login-access-note p{font-size:15px;margin:8px 0 14px}
#shahab-skills-conversation .ss-login-access-note a{color:#126644;font-weight:600}
#shahab-skills-conversation .ss-student-login-card{border:1px solid #dde5f2;border-radius:18px;padding:34px;background:#fff;box-shadow:0 15px 50px rgba(35,58,105,.08)}
#shahab-skills-conversation .ss-login-badge{display:inline-block;background:#eef3ff;color:#0033dd;border-radius:6px;padding:5px 9px;font-size:12px;font-weight:700;letter-spacing:.06em}
#shahab-skills-conversation .ss-student-login-card h2{font-size:29px;letter-spacing:-.6px;margin:15px 0 12px;line-height:1.3}
#shahab-skills-conversation .ss-student-login-card p{font-size:15px;line-height:1.75;color:#536173}
#shahab-skills-conversation .ss-student-login-card #loginform{margin-top:25px}
#shahab-skills-conversation .ss-student-login-card .login-username label,#shahab-skills-conversation .ss-student-login-card .login-password label{display:block;color:#172234;font-size:15px;font-weight:600;margin-bottom:8px}
#shahab-skills-conversation .ss-student-login-card input[type=text],#shahab-skills-conversation .ss-student-login-card input[type=password]{width:100%;min-height:52px;border:1px solid #cbd5e4;border-radius:8px;padding:12px 14px;font:inherit;font-size:16px;background:#f9fbff;box-sizing:border-box}
#shahab-skills-conversation .ss-student-login-card input:focus{outline:2px solid #0033dd;outline-offset:2px}
#shahab-skills-conversation .ss-student-login-card .login-remember label{font-size:14px;display:flex;align-items:center;gap:8px;cursor:pointer}
#shahab-skills-conversation .ss-student-login-card input[type=checkbox]{width:18px;height:18px;accent-color:#0033dd}
#shahab-skills-conversation .ss-student-login-card input[type=submit]{width:100%;min-height:54px;border:0;border-radius:9px;background:#0033dd;color:white;font:inherit;font-size:16px;font-weight:700;cursor:pointer}
#shahab-skills-conversation .ss-reset-link{font-size:14px;font-weight:600;color:#0033dd;display:inline-block;padding:9px 0}
#shahab-skills-conversation .ss-login-join{border-top:1px solid #e6eaf0;margin-top:25px;padding-top:20px;font-size:14px}
#shahab-skills-conversation .ss-login-join span{display:block;color:#536173;margin-bottom:6px}
#shahab-skills-conversation .ss-login-join a{font-weight:600;color:#0033dd}
@media(max-width:900px){#shahab-skills-conversation .ss-header-mobile-login{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:8px 14px;border-radius:8px;font-size:14px;font-weight:700;background:#0033dd;color:#fff}#shahab-skills-conversation .ss-nav-actions{display:flex;margin-left:auto}#shahab-skills-conversation .ss-student-login{grid-template-columns:1fr;gap:30px;max-width:600px;padding-top:40px;padding-bottom:50px;min-height:0}#shahab-skills-conversation .ss-login-access-note{margin-top:22px}}
@media(max-width:480px){#shahab-skills-conversation .ss-nav .ss-logo img{width:90px;max-width:90px;height:auto}#shahab-skills-conversation .ss-nav-actions{gap:6px}#shahab-skills-conversation .ss-header-mobile-login{padding:8px 10px;font-size:13px;white-space:nowrap}#shahab-skills-conversation .ss-mobile-menu{padding:8px 10px;min-width:40px}#shahab-skills-conversation .ss-mobile-menu .ss-menu-label{display:none}#shahab-skills-conversation .ss-student-login-card{padding:23px 20px}#shahab-skills-conversation .ss-login-intro h1{letter-spacing:-1.5px;font-size:38px}}

/* Login sits beside Join Mentorship on desktop and phone headers. */
#shahab-skills-conversation .ss-student-link{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 14px!important;border:1px solid #ccd8f2;border-radius:8px;color:#0033dd;background:#fff;font-size:14px;font-weight:700;line-height:1.3;white-space:nowrap;box-sizing:border-box}
#shahab-skills-conversation .ss-header-student-login{display:none}
#shahab-skills-conversation .ss-navlinks{gap:16px}
#shahab-skills-conversation .ss-student-link:hover{background:#eef3ff;border-color:#0033dd}
#shahab-skills-conversation .ss-student-link:focus-visible{outline:2px solid #0033dd;outline-offset:3px}
@media(max-width:900px){#shahab-skills-conversation .ss-header-student-login{display:inline-flex}}
@media(max-width:480px){#shahab-skills-conversation .ss-nav{gap:6px}#shahab-skills-conversation .ss-nav .ss-logo{width:76px;max-width:76px;height:auto;flex:0 0 76px}#shahab-skills-conversation .ss-nav .ss-logo img{width:76px;max-width:76px;height:auto;object-fit:contain}#shahab-skills-conversation .ss-nav-actions{gap:4px}#shahab-skills-conversation .ss-header-student-login{font-size:12px;padding:8px 6px!important}#shahab-skills-conversation .ss-header-mobile-login{font-size:12px;padding:8px;line-height:1.3}#shahab-skills-conversation .ss-mobile-menu{min-width:32px;padding:8px 4px}}