.shdr-page{
    --g:#2f7d4f; --gd:#1f5a3a; --gs:#eaf4e6; --gold:#fff;
    --tx:#243026; --mu:#6b786d; --ln:#dfe8da;
    padding:44px 16px 64px;
    background:
        radial-gradient(circle at 92% 8%, #dff0d8, transparent 42%),
        radial-gradient(circle at 5% 95%, #e8f3e2, transparent 45%),
        #f6faf1;
    font-family:"Poppins","Segoe UI",Arial,sans-serif;
    color:var(--tx);
    box-sizing:border-box;
}
.shdr-page *, .shdr-page *::before, .shdr-page *::after{box-sizing:border-box}
.shdr-page a{text-decoration:none}

.shdr-page .shdr-wrap{
    display:grid;
    grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
    max-width:940px;
    margin:0 auto;
    border-radius:28px;
    overflow:hidden;
    background:#fff;
    box-shadow:0 22px 60px rgba(47,125,79,.18);
}

/* left green panel */
.shdr-page .shdr-side{
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:44px 34px;
    color:#fff;
    background:linear-gradient(160deg,#2f7d4f 0%,#1f5a3a 100%);
    overflow:hidden;
}
.shdr-page .shdr-side::before,
.shdr-page .shdr-side::after{
    content:"";
    position:absolute;
    border-radius:50%;
    background:rgba(255,255,255,.08);
    pointer-events:none;
}
.shdr-page .shdr-side::before{width:260px;height:260px;right:-90px;top:-80px}
.shdr-page .shdr-side::after{width:200px;height:200px;left:-70px;bottom:-60px}
.shdr-page .shdr-side > *{position:relative;z-index:1}

.shdr-page .shdr-side__logo{
    display:inline-flex;
    align-self:flex-start;
    padding:10px 16px;
    margin-bottom:26px;
    background:#fff;
    border-radius:16px;
    box-shadow:0 8px 20px rgba(0,0,0,.15);
}
.shdr-page .shdr-side__logo img{display:block;height:54px;width:auto;max-width:180px;object-fit:contain}

.shdr-page .shdr-side__title{
    margin:0 0 12px !important;
    font:700 30px/1.25 "Playfair Display",Georgia,serif !important;
    color:#fff !important;
}
.shdr-page .shdr-side__text{margin:0 0 26px;font-size:14px;line-height:1.7;color:#e3f1e7}
.shdr-page .shdr-side__list{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.shdr-page .shdr-side__list li{display:flex;align-items:center;gap:14px;font-size:14px;font-weight:500;color:#fff}
.shdr-page .shdr-side__list i{
    flex:0 0 40px;
    width:40px;height:40px;
    display:grid;place-items:center;
    border-radius:12px;
    background:rgba(255,255,255,.16);
    color:var(--gold);
    font-size:18px;
}

/* right form card */
.shdr-page .shdr-card{
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:44px;
    background:#fff;
    min-width:0;
}
.shdr-page .shdr-title{
    margin:0 !important;
    font:700 30px/1.2 "Playfair Display",Georgia,serif !important;
    color:var(--gd) !important;
    text-align:left !important;
}
.shdr-page .shdr-sub{margin:6px 0 26px;color:var(--mu);font-size:14px}
.shdr-page .shdr-form{margin:0}
.shdr-page .shdr-form .alert{border-radius:12px;margin-bottom:16px;font-size:14px}

.shdr-page .shdr-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.shdr-page .shdr-field{position:relative;min-width:0}

/* icons + inputs */
.shdr-page .shdr-ic{
    position:absolute;
    left:15px;top:24px;
    transform:translateY(-50%);
    color:#7a9a85;
    font-size:17px;
    pointer-events:none;
    z-index:2;
}
.shdr-page .shdr-input{
    display:block !important;
    width:100% !important;
    height:48px !important;
    margin:0 !important;
    padding:0 16px 0 44px !important;
    font:400 14.5px "Poppins","Segoe UI",Arial,sans-serif !important;
    color:var(--tx) !important;
    background:#fbfdf9 !important;
    border:1.5px solid var(--ln) !important;
    border-radius:12px !important;
    box-shadow:none !important;
    outline:0 !important;
    transition:border-color .2s, box-shadow .2s, background .2s;
}
.shdr-page .shdr-input::placeholder{color:#9aa79c}
.shdr-page .shdr-input:focus{
    background:#fff !important;
    border-color:var(--g) !important;
    box-shadow:0 0 0 4px rgba(47,125,79,.12) !important;
}
.shdr-page .shdr-eye{
    position:absolute;
    right:14px;top:24px;
    transform:translateY(-50%);
    z-index:3;
    color:#7a9a85;
    font-size:18px;
    line-height:1;
    cursor:pointer;
}
.shdr-page .shdr-eye:hover{color:var(--g)}
.shdr-page .shdr-eye ~ .shdr-input{padding-right:44px !important}

/* buttons */
.shdr-page .shdr-btn{
    display:flex !important;
    align-items:center;
    justify-content:center;
    width:100% !important;
    height:52px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:999px !important;
    background:linear-gradient(135deg,#3a9160,#1f5a3a) !important;
    color:#fff !important;
    font:600 16px "Poppins","Segoe UI",Arial,sans-serif !important;
    text-align:center;
    cursor:pointer;
    appearance:none;
    -webkit-appearance:none;
    box-shadow:0 10px 22px rgba(47,125,79,.3) !important;
    transition:transform .2s, box-shadow .2s;
}
.shdr-page .shdr-btn:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(47,125,79,.36) !important}
.shdr-page .shdr-btn--ghost{
    background:#fff !important;
    color:var(--g) !important;
    border:1.5px solid var(--g) !important;
    box-shadow:none !important;
}
.shdr-page .shdr-btn--ghost:hover{background:var(--gs) !important;color:var(--gd) !important;box-shadow:none !important}

/* "New here?" divider */
.shdr-page .shdr-or{display:flex;align-items:center;gap:14px;margin:4px 0;color:var(--mu);font-size:13px}
.shdr-page .shdr-or::before,
.shdr-page .shdr-or::after{content:"";flex:1;height:1px;background:var(--ln)}

/* tablet + mobile */
@media (max-width:991px){
    .shdr-page .shdr-wrap{grid-template-columns:minmax(0,1fr);max-width:640px}
    .shdr-page .shdr-side{flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px 20px;padding:26px}
    .shdr-page .shdr-side__logo{margin:0}
    .shdr-page .shdr-side__title{flex:1 1 220px;margin:0 !important;font-size:22px !important}
    .shdr-page .shdr-side__text,
    .shdr-page .shdr-side__list{display:none}
}
@media (max-width:575px){
    .shdr-page{padding:20px 10px 40px}
    .shdr-page .shdr-wrap{border-radius:22px}
    .shdr-page .shdr-side{padding:20px 18px}
    .shdr-page .shdr-side__logo img{height:42px}
    .shdr-page .shdr-card{padding:26px 18px}
    .shdr-page .shdr-title{font-size:26px !important}
}