/* SunArb Partner Portal V8
   Light, bilingual partner-login UI. No external dependencies. */

.portal-login-page.partner-portal-v8{
    --pp-bg:#f4f9ff;
    --pp-surface:#fff;
    --pp-surface-soft:#f7fbff;
    --pp-text:#12375f;
    --pp-muted:#6d8299;
    --pp-line:#e1ebf5;
    --pp-blue:#1788ff;
    --pp-blue2:#4669ff;
    --pp-orange:#ff7a1a;
    --pp-green:#27c66f;
    min-height:100vh;
    display:block;
    margin:0;
    padding:0;
    color:var(--pp-text);
    background:
        radial-gradient(circle at 12% 9%,rgba(36,155,255,.12),transparent 22rem),
        radial-gradient(circle at 88% 18%,rgba(255,143,54,.08),transparent 20rem),
        linear-gradient(180deg,#fff 0,#f5faff 52%,#edf7ff 100%);
    font-family:Tahoma,Arial,sans-serif
}
.portal-login-page.partner-portal-v8::before,
.portal-login-page.partner-portal-v8::after{
    content:"";
    position:fixed;
    z-index:0;
    pointer-events:none
}
.portal-login-page.partner-portal-v8::before{
    width:340px;
    height:340px;
    inset-inline-start:-170px;
    bottom:-170px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(48,173,255,.14),rgba(48,173,255,0) 68%)
}
.portal-login-page.partner-portal-v8::after{
    width:260px;
    height:260px;
    inset-inline-end:-130px;
    top:120px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(255,141,48,.11),rgba(255,141,48,0) 70%)
}
.partner-portal-shell{
    position:relative;
    z-index:1;
    width:min(1120px,calc(100% - 36px));
    margin:0 auto
}
.partner-portal-topbar{
    min-height:72px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px
}
.partner-portal-brand{
    display:inline-flex;
    align-items:center;
    gap:7px;
    color:#133d69;
    text-decoration:none;
    font-size:24px;
    font-weight:950;
    letter-spacing:-1px
}
.partner-portal-brand-mark{
    display:grid;
    width:34px;
    height:34px;
    place-items:center;
    color:var(--pp-orange);
    border:1px solid #ffe0c4;
    border-radius:12px;
    background:#fff8f1;
    box-shadow:0 5px 14px rgba(255,122,26,.10);
    font-size:20px;
    line-height:1
}
.partner-portal-brand .sun{color:#133d69}
.partner-portal-brand .arb{color:var(--pp-orange)}
.partner-portal-top-actions{
    display:flex;
    align-items:center;
    gap:8px
}
.partner-portal-home,
.partner-portal-language{
    display:inline-flex;
    min-height:38px;
    align-items:center;
    justify-content:center;
    gap:6px;
    padding:0 12px;
    border:1px solid var(--pp-line);
    border-radius:12px;
    color:#315c83;
    background:rgba(255,255,255,.92);
    box-shadow:0 5px 16px rgba(40,79,120,.06);
    text-decoration:none;
    font-size:11px;
    font-weight:800
}
.partner-portal-home:hover,
.partner-portal-language:hover{
    color:#0d78df;
    border-color:#b7d8f8;
    background:#fff
}
.partner-portal-main{
    min-height:calc(100vh - 148px);
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(390px,470px);
    gap:54px;
    align-items:center;
    padding:44px 0 72px
}
.partner-portal-intro{
    max-width:570px;
    padding-inline:8px
}
.partner-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:7px;
    min-height:32px;
    padding:0 11px;
    border:1px solid #d9ebfb;
    border-radius:999px;
    color:#2271b7;
    background:#f4faff;
    font-size:11px;
    font-weight:850
}
.partner-eyebrow::before{
    content:"";
    width:7px;
    height:7px;
    border-radius:50%;
    background:linear-gradient(135deg,var(--pp-blue),#5e63ff);
    box-shadow:0 0 0 4px rgba(23,136,255,.08)
}
.partner-portal-intro h1{
    max-width:560px;
    margin:18px 0 12px;
    color:#102f52;
    font-size:clamp(38px,4vw,58px);
    font-weight:950;
    line-height:1.04;
    letter-spacing:-1.9px
}
.partner-portal-intro h1 .accent{color:var(--pp-orange)}
.partner-portal-intro>p{
    max-width:540px;
    margin:0;
    color:#67809a;
    font-size:15px;
    line-height:1.85
}
.partner-role-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
    margin-top:28px
}
.partner-role-card{
    min-width:0;
    padding:15px;
    border:1px solid #e1ebf5;
    border-radius:16px;
    background:rgba(255,255,255,.8);
    box-shadow:0 7px 22px rgba(41,81,121,.06)
}
.partner-role-card-head{
    display:flex;
    align-items:center;
    gap:9px;
    margin-bottom:6px;
    color:#173f68;
    font-size:13px;
    font-weight:900
}
.partner-role-icon{
    display:grid;
    width:32px;
    height:32px;
    flex:0 0 32px;
    place-items:center;
    border-radius:10px;
    background:#eef7ff;
    font-size:17px
}
.partner-role-card:nth-child(2) .partner-role-icon{background:#fff4ea}
.partner-role-card p{
    margin:0;
    color:#72879c;
    font-size:10px;
    line-height:1.6
}
.partner-login-card{
    position:relative;
    overflow:hidden;
    padding:30px;
    border:1px solid #dfeaf4;
    border-radius:24px;
    background:rgba(255,255,255,.96);
    box-shadow:0 24px 64px rgba(40,78,118,.13)
}
.partner-login-card::before{
    content:"";
    position:absolute;
    inset-inline:0;
    top:0;
    height:4px;
    background:linear-gradient(90deg,var(--pp-orange),#ffbd4a 34%,var(--pp-blue) 68%,#6d57ff)
}
.partner-login-logo{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:20px
}
.partner-login-logo-mark{
    display:grid;
    width:44px;
    height:44px;
    flex:0 0 44px;
    place-items:center;
    border-radius:14px;
    color:#fff;
    background:linear-gradient(145deg,#ff9c34,var(--pp-orange));
    box-shadow:0 10px 22px rgba(255,122,26,.20);
    font-size:22px
}
.partner-login-logo-copy strong{
    display:block;
    color:#12375f;
    font-size:15px;
    line-height:1.2
}
.partner-login-logo-copy span{
    display:block;
    margin-top:3px;
    color:#8a9cad;
    font-size:9px;
    font-weight:700
}
.partner-login-card h2{
    margin:0;
    color:#12375f;
    font-size:25px;
    font-weight:950;
    letter-spacing:-.7px;
    line-height:1.2
}
.partner-login-lead{
    margin:7px 0 20px;
    color:#6b8198;
    font-size:12px;
    line-height:1.65
}
.partner-login-card form{
    display:grid;
    gap:13px
}
.partner-login-card label{
    display:grid;
    gap:6px;
    margin:0;
    color:#315a7d;
    font-size:10.5px;
    font-weight:850;
    line-height:1.4
}
.partner-login-card input{
    width:100%;
    min-height:47px;
    box-sizing:border-box;
    margin:0;
    padding:10px 12px;
    border:1px solid #dbe6f0;
    border-radius:11px;
    outline:0;
    color:#173d64;
    background:#f8fbfe;
    font:inherit;
    font-size:12px;
    text-align:start;
    direction:inherit;
    transition:border-color .16s ease,box-shadow .16s ease,background .16s ease
}
.partner-login-card input:focus{
    border-color:#7bbcf7;
    background:#fff;
    box-shadow:0 0 0 4px rgba(23,136,255,.09)
}
.partner-login-submit{
    width:100%;
    min-height:48px;
    margin-top:2px;
    padding:9px 14px;
    border:0;
    border-radius:12px;
    color:#fff;
    background:linear-gradient(135deg,#25a6ff 0,#2879ff 52%,#6655ff 100%);
    box-shadow:0 10px 24px rgba(41,112,255,.20);
    cursor:pointer;
    font:inherit;
    font-size:12px;
    font-weight:900
}
.partner-login-submit:hover{filter:brightness(1.025)}
.partner-login-error{
    margin:0 0 14px;
    padding:10px 11px;
    border:1px solid #ffd1db;
    border-radius:11px;
    color:#bd3156;
    background:#fff4f7;
    font-size:10.5px;
    line-height:1.55
}
.partner-login-note{
    display:flex;
    align-items:flex-start;
    gap:8px;
    margin-top:17px;
    padding:11px;
    border:1px solid #e3edf6;
    border-radius:12px;
    color:#6b8198;
    background:#f8fbfe;
    font-size:9.5px;
    line-height:1.6
}
.partner-login-note-icon{
    display:grid;
    width:22px;
    height:22px;
    flex:0 0 22px;
    place-items:center;
    border-radius:7px;
    color:#2077c6;
    background:#eaf5ff;
    font-size:12px
}
.partner-login-foot{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-top:16px;
    padding-top:14px;
    border-top:1px solid #edf2f7
}
.partner-login-foot a{
    color:#2873b4;
    text-decoration:none;
    font-size:9.5px;
    font-weight:800
}
.partner-login-foot span{
    color:#9aabba;
    font-size:8.5px
}
.partner-portal-bottom{
    position:relative;
    z-index:1;
    min-height:76px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-top:1px solid rgba(178,208,233,.42);
    color:#8297aa;
    font-size:9px;
    text-align:center
}
html[dir="rtl"] .partner-portal-intro,
html[dir="rtl"] .partner-login-card{text-align:right}
html[dir="ltr"] .partner-portal-intro,
html[dir="ltr"] .partner-login-card{text-align:left}

@media (max-width:860px){
.portal-login-page.partner-portal-v8{
    background:
        radial-gradient(circle at 86% 6rem,rgba(56,166,255,.11),transparent 16rem),
        linear-gradient(180deg,#fff 0,#f3f9ff 100%)
}
.partner-portal-shell{width:min(100% - 20px,560px)}
.partner-portal-topbar{min-height:60px}
.partner-portal-brand{font-size:20px}
.partner-portal-brand-mark{
    width:30px;
    height:30px;
    border-radius:10px;
    font-size:18px
}
.partner-portal-home{display:none}
.partner-portal-language{
    min-height:36px;
    padding-inline:10px;
    font-size:9.5px
}
.partner-portal-main{
    min-height:calc(100vh - 126px);
    display:block;
    padding:22px 0 44px
}
.partner-portal-intro{
    padding:0 4px 18px;
    text-align:center!important
}
.partner-eyebrow{
    min-height:28px;
    padding-inline:9px;
    font-size:9px
}
.partner-portal-intro h1{
    max-width:420px;
    margin:12px auto 8px;
    font-size:29px;
    line-height:1.08;
    letter-spacing:-1px
}
.partner-portal-intro>p{
    max-width:440px;
    margin-inline:auto;
    font-size:10.5px;
    line-height:1.65
}
.partner-role-grid{
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin-top:16px
}
.partner-role-card{
    padding:10px;
    border-radius:13px;
    text-align:start
}
.partner-role-card-head{
    gap:6px;
    margin-bottom:3px;
    font-size:10px
}
.partner-role-icon{
    width:26px;
    height:26px;
    flex-basis:26px;
    border-radius:8px;
    font-size:13px
}
.partner-role-card p{font-size:8px;line-height:1.45}
.partner-login-card{
    padding:20px;
    border-radius:19px;
    box-shadow:0 15px 38px rgba(38,77,118,.11)
}
.partner-login-logo{margin-bottom:15px}
.partner-login-logo-mark{
    width:38px;
    height:38px;
    flex-basis:38px;
    border-radius:12px;
    font-size:19px
}
.partner-login-logo-copy strong{font-size:13px}
.partner-login-logo-copy span{font-size:8px}
.partner-login-card h2{font-size:20px}
.partner-login-lead{
    margin:5px 0 15px;
    font-size:10px
}
.partner-login-card label{font-size:9.5px}
.partner-login-card input{min-height:44px;font-size:11px}
.partner-login-submit{min-height:44px;font-size:11px}
.partner-login-note{
    margin-top:14px;
    padding:9px;
    font-size:8.5px
}
.partner-login-foot{margin-top:13px;padding-top:11px}
.partner-portal-bottom{min-height:66px;font-size:8px}
}
@media (max-width:390px){
.partner-portal-shell{width:calc(100% - 16px)}
.partner-portal-topbar{min-height:56px}
.partner-portal-brand{font-size:19px}
.partner-role-grid{gap:6px}
.partner-role-card{padding:8px}
.partner-role-card p{display:none}
.partner-login-card{padding:17px}
.partner-login-card h2{font-size:19px}
.partner-login-foot{align-items:flex-start;flex-direction:column;gap:5px}
}