.referral-reset-page{
    position:relative;
    overflow:hidden;
    min-height:calc(100vh - 190px);
    padding:clamp(54px,8vw,92px) 0;
    background:
        radial-gradient(circle at 13% 12%,rgba(29,191,116,.14),transparent 31%),
        radial-gradient(circle at 90% 10%,rgba(53,130,214,.13),transparent 28%),
        linear-gradient(145deg,#f5f9fb 0%,#ffffff 55%,#f2f7fa 100%);
}
.referral-reset-page:before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:.34;
    background-image:linear-gradient(rgba(8,36,61,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(8,36,61,.035) 1px,transparent 1px);
    background-size:34px 34px;
}
.referral-reset-shell{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);
    gap:clamp(22px,4vw,42px);
    align-items:stretch;
    max-width:1080px;
}
.referral-reset-card,
.referral-reset-info{
    border:1px solid rgba(18,62,96,.12);
    border-radius:26px;
    box-shadow:0 24px 70px rgba(7,31,53,.11);
}
.referral-reset-card{
    padding:clamp(25px,4.8vw,48px);
    background:rgba(255,255,255,.96);
    backdrop-filter:blur(14px);
}
.referral-reset-icon{
    display:grid;
    place-items:center;
    width:52px;
    height:52px;
    margin-bottom:18px;
    border-radius:16px;
    color:#fff;
    background:linear-gradient(145deg,#087b46,#19b66b);
    box-shadow:0 12px 28px rgba(12,139,78,.25);
    font-size:1.55rem;
    font-weight:900;
}
.referral-reset-card .eyebrow{margin-bottom:9px;color:#087b46}
.referral-reset-card h1{
    max-width:680px;
    margin:0 0 13px;
    color:#0c2841;
    font-size:clamp(1.9rem,4.3vw,3.15rem)!important;
    line-height:1.04;
    letter-spacing:-.045em;
}
.referral-reset-card>p{max-width:720px;margin:0 0 12px;color:#5a6f82;line-height:1.7}
.referral-reset-card .referral-reset-lead{color:#213f59;font-size:clamp(1rem,1.7vw,1.14rem);font-weight:700}
.referral-reset-status{
    display:flex;
    align-items:center;
    gap:13px;
    margin:24px 0 18px;
    padding:15px 17px;
    border:1px solid;
    border-radius:16px;
}
.referral-reset-status.is-active{color:#7e4a00;background:#fff8e8;border-color:#f0d79b}
.referral-reset-status.is-clear{color:#087044;background:#ecfaf3;border-color:#b9e8d0}
.referral-reset-status-dot{flex:0 0 auto;width:12px;height:12px;border-radius:50%;background:currentColor;box-shadow:0 0 0 6px currentColor;opacity:.82}
.referral-reset-status div{display:grid;gap:2px}
.referral-reset-status small{font-size:.7rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;opacity:.76}
.referral-reset-status strong{font-size:.98rem}
.referral-reset-form{display:grid;gap:9px;margin-top:18px}
.referral-reset-form .button{min-height:52px;gap:10px;border-radius:13px;font-weight:850}
.referral-reset-form .button:disabled{cursor:not-allowed;opacity:.52;filter:grayscale(.35)}
.referral-reset-form small{text-align:center;color:#748696;font-size:.78rem}
.referral-reset-result{
    display:flex;
    gap:14px;
    align-items:flex-start;
    margin:25px 0 18px;
    padding:17px;
    border:1px solid;
    border-radius:17px;
}
.referral-reset-result.is-success{color:#0a6e43;background:#ebfaf2;border-color:#b5e7cd}
.referral-reset-result.is-error{color:#9a2f3a;background:#fff1f2;border-color:#efc0c5}
.referral-reset-result-icon{display:grid;place-items:center;flex:0 0 auto;width:30px;height:30px;border-radius:9px;color:#fff;background:currentColor;font-size:0}
.referral-reset-result-icon:after{content:attr(aria-label);font-size:.95rem}
.referral-reset-result.is-success .referral-reset-result-icon:after{content:"✓"}
.referral-reset-result.is-error .referral-reset-result-icon:after{content:"!"}
.referral-reset-result strong{display:block;margin-bottom:4px;color:currentColor;font-size:1rem}
.referral-reset-result p{margin:0;color:inherit;line-height:1.55;opacity:.9}
.referral-reset-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:19px}
.referral-reset-diagnostic{display:grid;gap:8px;margin:0 0 18px}
.referral-reset-diagnostic div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;padding:11px 13px;background:#f5f8fa;border:1px solid #dce6ed;border-radius:12px}
.referral-reset-diagnostic dt{color:#52697c;font-size:.76rem;font-weight:850;text-transform:uppercase;letter-spacing:.05em}
.referral-reset-diagnostic dd{margin:0;min-width:0}
.referral-reset-diagnostic code{display:block;color:#17344e;overflow-wrap:anywhere;font-size:.79rem}
.referral-reset-info{
    display:grid;
    align-content:center;
    gap:1px;
    overflow:hidden;
    background:linear-gradient(155deg,#071a2a,#103b58);
    color:#fff;
}
.referral-reset-info section{display:grid;grid-template-columns:45px minmax(0,1fr);gap:15px;padding:clamp(23px,4vw,36px);border-bottom:1px solid rgba(255,255,255,.1)}
.referral-reset-info section:last-child{border-bottom:0}
.referral-reset-info section.is-important{background:rgba(17,177,99,.11)}
.referral-reset-info-number{display:grid;place-items:center;align-self:start;width:38px;height:38px;border:1px solid rgba(255,255,255,.19);border-radius:12px;color:#77e0ad;background:rgba(255,255,255,.06);font-size:.72rem;font-weight:900;letter-spacing:.06em}
.referral-reset-info h2{margin:2px 0 10px;color:#fff;font-size:clamp(1.05rem,2vw,1.35rem)!important;line-height:1.18}
.referral-reset-info p,
.referral-reset-info li{color:#c9d8e3;line-height:1.62;font-size:.92rem}
.referral-reset-info p{margin:0}
.referral-reset-info ul{display:grid;gap:9px;margin:0;padding:0;list-style:none}
.referral-reset-info li{position:relative;padding-left:17px}
.referral-reset-info li:before{content:"✓";position:absolute;left:0;top:0;color:#48d18f;font-weight:900}
@media(max-width:860px){
    .referral-reset-shell{grid-template-columns:1fr;max-width:720px}
    .referral-reset-info{align-content:stretch}
}
@media(max-width:560px){
    .referral-reset-page{padding:38px 0 48px}
    .referral-reset-card,.referral-reset-info{border-radius:20px}
    .referral-reset-card{padding:23px 18px}
    .referral-reset-card h1{font-size:clamp(1.75rem,9vw,2.35rem)!important}
    .referral-reset-actions{display:grid}
    .referral-reset-diagnostic div{grid-template-columns:1fr;gap:5px}
    .referral-reset-info section{grid-template-columns:38px minmax(0,1fr);padding:22px 18px}
}