:root{
    --ybc-black:#090a0c;
    --ybc-charcoal:#121418;
    --ybc-charcoal-2:#1a1d22;
    --ybc-gold:#c99531;
    --ybc-gold-2:#f1cf75;
    --ybc-gold-3:#9f6c17;
    --ybc-ivory:#f8f5ee;
    --ybc-white:#ffffff;
    --ybc-muted:#73777f;
    --ybc-border:#e8e2d6;
    --ybc-danger:#d64c4c;
    --ybc-shadow:0 30px 80px rgba(5,7,10,.18);
}
*{box-sizing:border-box}
html,body{min-height:100%;margin:0}
body.s32-auth-body{
    font-family:'Inter',sans-serif;
    color:var(--ybc-charcoal);
    background:
        radial-gradient(circle at 10% 10%, rgba(212,169,75,.14), transparent 30%),
        radial-gradient(circle at 90% 85%, rgba(10,12,16,.08), transparent 32%),
        linear-gradient(135deg,#f8f5ee 0%,#fff 45%,#f2eee6 100%);
    overflow-x:hidden;
}
button,input{font:inherit}
a{text-decoration:none;color:inherit}
.s32-page{min-height:100vh;padding:28px;display:grid;place-items:center;position:relative;isolation:isolate}
.s32-page:before,.s32-page:after{content:"";position:fixed;border:1px solid rgba(201,149,49,.18);border-radius:50%;z-index:-1}
.s32-page:before{width:420px;height:420px;left:-170px;bottom:-200px}
.s32-page:after{width:300px;height:300px;right:-100px;top:-110px}
.s32-bg-mark{display:none}
.s32-card{
    width:min(1160px,100%);
    min-height:690px;
    display:grid;
    grid-template-columns:minmax(420px,1.02fr) minmax(460px,.98fr);
    border:1px solid rgba(255,255,255,.75);
    border-radius:28px;
    overflow:hidden;
    background:rgba(255,255,255,.9);
    box-shadow:var(--ybc-shadow);
    backdrop-filter:blur(18px);
}
.s32-side{
    position:relative;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    padding:48px;
    color:#fff;
    background:
        linear-gradient(155deg,rgba(5,6,8,.92),rgba(17,18,21,.78)),
        radial-gradient(circle at 80% 15%,rgba(236,193,92,.27),transparent 35%),
        #0a0b0d;
}
.s32-side:before{
    content:"";
    position:absolute;
    inset:auto -20% 4% 8%;
    height:48%;
    background:url('../logo/ybc-logo-official.png') center/contain no-repeat;
    filter:saturate(.85) contrast(1.05);
    opacity:.22;
    transform:scale(1.28);
    pointer-events:none;
}
.s32-side:after{
    content:"";
    position:absolute;
    width:620px;height:230px;
    left:-110px;bottom:-130px;
    border:2px solid rgba(230,190,93,.28);
    border-radius:50%;
    box-shadow:0 -18px 0 rgba(230,190,93,.05),0 -36px 0 rgba(230,190,93,.04);
    transform:rotate(-5deg);
    pointer-events:none;
}
.s32-logo-box{position:relative;z-index:2;width:310px;max-width:85%;padding:0;border-radius:16px;background:transparent;box-shadow:none}
.s32-logo-box img{display:block;width:100%;height:auto}
.s32-side-copy{position:relative;z-index:2;margin-top:auto;padding:55px 0 34px;max-width:470px}
.s32-overline,.s32-head>span{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
.s32-overline{color:var(--ybc-gold-2)}
.s32-overline:before,.s32-head>span:before{content:"";width:34px;height:1px;background:currentColor}
.s32-side-copy h1{font-family:'Cormorant Garamond',serif;font-size:58px;line-height:.94;margin:18px 0 18px;font-weight:700;letter-spacing:-.02em}
.s32-side-copy h1 em{font-style:normal;color:var(--ybc-gold-2)}
.s32-side-copy p{max-width:420px;margin:0;color:rgba(255,255,255,.7);font-size:14px;line-height:1.8}
.s32-side-foot{position:relative;z-index:2;display:flex;align-items:center;gap:9px;color:rgba(255,255,255,.62);font-size:12px}
.s32-side-foot iconify-icon{font-size:18px;color:var(--ybc-gold-2)}
.s32-form-side{padding:54px 58px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(250,248,243,.95))}
.s32-mobile-brand{display:none}
.s32-head{margin-bottom:30px}
.s32-head>span{color:var(--ybc-gold-3)}
.s32-head h2{font-family:'Cormorant Garamond',serif;font-size:43px;line-height:1.05;margin:13px 0 7px;color:#111216}
.s32-head p{margin:0;color:var(--ybc-muted);font-size:14px;line-height:1.65}
.s32-form{display:block}
.s32-group{margin-bottom:18px}
.s32-group label{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:12px;font-weight:700;color:#2a2d32;letter-spacing:.02em}
.s32-group label small{font-size:10px;color:var(--ybc-gold-3);text-transform:uppercase;letter-spacing:.1em}
.s32-input-wrap{height:54px;display:flex;align-items:center;gap:11px;padding:0 15px;border:1px solid var(--ybc-border);border-radius:14px;background:#fff;transition:.2s ease;box-shadow:0 5px 14px rgba(17,20,25,.025)}
.s32-input-wrap:focus-within{border-color:var(--ybc-gold);box-shadow:0 0 0 4px rgba(201,149,49,.1),0 10px 25px rgba(17,20,25,.04)}
.s32-input-wrap>iconify-icon{font-size:21px;color:#a77722;flex:0 0 auto}
.s32-input-wrap input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#16181c;font-size:14px}
.s32-input-wrap input::placeholder{color:#a6a8ad}
.s32-eye{border:0;background:transparent;display:grid;place-items:center;padding:6px;color:#777b82;cursor:pointer;font-size:20px}
.s32-eye:hover{color:var(--ybc-gold-3)}
.s32-rowline{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:4px 0 20px}
.s32-check{display:flex;align-items:center;gap:9px;font-size:12px;color:#686c73;cursor:pointer}
.s32-check input{width:16px;height:16px;accent-color:var(--ybc-gold-3)}
.s32-link{font-size:12px;font-weight:700;color:#a36f18}
.s32-link:hover{color:#765011}
.s32-main-btn,.s32-outline-btn{width:100%;min-height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:12px;font-weight:800;letter-spacing:.12em;transition:.2s ease;cursor:pointer}
.s32-main-btn{border:1px solid #a9761d;color:#fff;background:linear-gradient(135deg,#8c5d0c 0%,#d6a23d 48%,#9a6814 100%);box-shadow:0 13px 28px rgba(151,102,17,.22)}
.s32-main-btn:hover{transform:translateY(-1px);box-shadow:0 16px 32px rgba(151,102,17,.28)}
.s32-main-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}
.s32-main-btn iconify-icon{font-size:18px}
.s32-outline-btn{margin-top:11px;border:1px solid #d8d2c6;color:#202227;background:rgba(255,255,255,.7)}
.s32-outline-btn:hover{border-color:#c59a4d;background:#fff;color:#875a10}
.s32-copy{margin-top:25px;text-align:center;color:#9a9da2;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.s32-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.s32-bottom-grid{align-items:start}
.s32-register-card{min-height:760px}
.s32-register-card .s32-form-side{padding-top:38px;padding-bottom:38px}
.s32-register-card .s32-head{margin-bottom:20px}
.s32-register-card .s32-head h2{font-size:39px}
.s32-register-card .s32-group{margin-bottom:14px}
.s32-register-card .s32-input-wrap{height:50px}
.s32-input-wrap.is-locked{background:#f7f4ed;border-color:#e2d7c3}
.s32-verified{display:grid;place-items:center;color:#9a6b18;font-size:19px}
.s32-captcha-wrap{display:grid;grid-template-columns:96px 40px 1fr;gap:7px;align-items:center}
.s32-captcha-code{height:50px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#101115,#282a2f);color:#f0cb74;font-family:'Cormorant Garamond',serif;font-size:21px;font-weight:700;letter-spacing:.18em;border:1px solid #373a40}
.s32-captcha-refresh{height:50px;border:1px solid #ddd5c7;border-radius:12px;background:#fff;color:#9b6c1d;display:grid;place-items:center;cursor:pointer;font-size:20px}
.s32-captcha-refresh:hover{border-color:#c49643}
.s32-captcha-wrap input{height:50px;width:100%;min-width:0;border:1px solid var(--ybc-border);border-radius:12px;padding:0 12px;outline:0;background:#fff;text-transform:uppercase}
.s32-captcha-wrap input:focus{border-color:var(--ybc-gold);box-shadow:0 0 0 4px rgba(201,149,49,.1)}
.s32-terms{margin:3px 0 18px}
.s32-toast{position:fixed;z-index:99999;right:22px;bottom:22px;max-width:min(420px,calc(100vw - 44px));padding:13px 16px;border-radius:12px;background:#15171b;color:#fff;font-size:13px;box-shadow:0 15px 38px rgba(0,0,0,.26);border-left:3px solid var(--ybc-gold)}
.s32-toast.err{border-left-color:var(--ybc-danger)}
.spin{animation:ybc-spin .8s linear infinite}
.rotating iconify-icon{animation:ybc-spin .8s linear infinite}
@keyframes ybc-spin{to{transform:rotate(360deg)}}
@media(max-width:980px){
    .s32-page{padding:18px}
    .s32-card{grid-template-columns:1fr;max-width:620px;min-height:auto}
    .s32-side{min-height:230px;padding:28px 32px;display:block}
    .s32-logo-box{width:240px}
    .s32-side-copy{padding:30px 0 0;max-width:90%}
    .s32-side-copy h1{font-size:42px;margin:12px 0 10px}
    .s32-side-copy p{font-size:13px}
    .s32-side-foot{display:none}
    .s32-side:before{height:100%;inset:0 -28% auto 35%;opacity:.15;transform:scale(1.2)}
    .s32-form-side{padding:36px 34px}
}
@media(max-width:620px){
    .s32-page{padding:0;display:block;background:#fff}
    .s32-card{width:100%;border:0;border-radius:0;box-shadow:none;min-height:100vh;background:#fff}
    .s32-side{min-height:225px;border-radius:0;padding:24px 22px;background:linear-gradient(155deg,#08090b,#1a1c20)}
    .s32-logo-box{width:205px;padding:7px 10px;border-radius:12px}
    .s32-side-copy{padding-top:25px}
    .s32-side-copy h1{font-size:36px}
    .s32-side-copy p{max-width:330px;line-height:1.55}
    .s32-form-side{padding:29px 22px 34px;justify-content:flex-start}
    .s32-head{margin-bottom:24px}
    .s32-head h2{font-size:36px}
    .s32-grid-two{grid-template-columns:1fr;gap:0}
    .s32-register-card .s32-form-side{padding-top:28px;padding-bottom:32px}
    .s32-register-card .s32-head h2{font-size:34px}
    .s32-captcha-wrap{grid-template-columns:88px 40px 1fr}
}
@media(max-width:390px){
    .s32-side{min-height:215px}
    .s32-side-copy h1{font-size:32px}
    .s32-form-side{padding-left:18px;padding-right:18px}
    .s32-captcha-wrap{grid-template-columns:82px 38px 1fr;gap:5px}
    .s32-captcha-code{font-size:18px}
}

/* =========================================================
   YBC Mobile Yacht Background Experience
   Full-screen yacht photography + luxury dark glass form
   ========================================================= */
@media(max-width:620px){
    body.s32-auth-body{
        background:#071019;
        color:#fff;
    }
    .s32-page{
        min-height:100svh;
        padding:0;
        display:block;
        position:relative;
        background:#071019;
    }
    .s32-page:before,
    .s32-page:after{display:none}

    .s32-card{
        position:relative;
        isolation:isolate;
        width:100%;
        min-height:100svh;
        border:0;
        border-radius:0;
        box-shadow:none;
        overflow:hidden;
        background-position:center;
        background-size:cover;
        background-repeat:no-repeat;
    }
    .s32-login-card{
        background-image:url('../images/yacht-login-mobile.jpg');
        background-position:center 42%;
    }
    .s32-register-card{
        background-image:url('../images/yacht-register-mobile.jpg');
        background-position:center 38%;
    }
    .s32-card:before{
        content:"";
        position:absolute;
        inset:0;
        z-index:-1;
        background:
            linear-gradient(180deg,rgba(3,8,14,.38) 0%,rgba(3,8,14,.62) 28%,rgba(5,7,10,.89) 57%,rgba(5,7,10,.97) 100%),
            radial-gradient(circle at 75% 13%,rgba(211,165,65,.18),transparent 32%);
        pointer-events:none;
    }

    /* compact branding area so the yacht remains visible */
    .s32-side{
        min-height:205px;
        padding:22px 20px 12px;
        background:transparent;
        overflow:visible;
        display:block;
    }
    .s32-side:before,
    .s32-side:after{display:none}
    .s32-logo-box{
        width:190px;
        max-width:72vw;
        margin:0 auto;
        padding:0;
        border:0;
        border-radius:14px;
        background:transparent;
        box-shadow:none;
        backdrop-filter:none;
    }
    .s32-side-copy{
        padding:62px 0 0;
        margin:0 auto;
        text-align:center;
        max-width:330px;
        text-shadow:0 3px 18px rgba(0,0,0,.75);
    }
    .s32-overline{
        justify-content:center;
        color:#f4cf78;
        font-size:9px;
        letter-spacing:.22em;
    }
    .s32-overline:before{width:24px}
    .s32-side-copy h1{
        font-size:31px;
        line-height:1;
        margin:9px 0 6px;
        color:#fff;
    }
    .s32-side-copy h1 em{color:#f2c866}
    .s32-side-copy p{
        display:none;
    }

    /* luxury glass form area */
    .s32-form-side{
        position:relative;
        margin:0 12px 14px;
        padding:25px 18px 26px;
        justify-content:flex-start;
        /* V53: borderless floating login form */
        border:0;
        border-radius:0;
        background:linear-gradient(180deg,rgba(4,8,13,.18) 0%,rgba(4,8,13,.42) 36%,rgba(4,8,13,.66) 100%);
        box-shadow:none;
        backdrop-filter:none;
        -webkit-backdrop-filter:none;
    }
    .s32-head{margin-bottom:21px;text-align:center}
    .s32-head>span{
        justify-content:center;
        color:#e7b950;
        font-size:9px;
    }
    .s32-head>span:before{width:24px}
    .s32-head h2,
    .s32-register-card .s32-head h2{
        font-size:34px;
        color:#fff;
        margin:9px 0 5px;
        text-shadow:0 3px 18px rgba(0,0,0,.35);
    }
    .s32-head p{color:rgba(255,255,255,.68);font-size:12.5px}

    .s32-group{margin-bottom:13px}
    .s32-group label{color:rgba(255,255,255,.87);font-size:11px}
    .s32-group label small{color:#ddb357}
    .s32-input-wrap,
    .s32-register-card .s32-input-wrap{
        height:50px;
        border-color:rgba(255,255,255,.15);
        background:rgba(8,10,14,.62);
        box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
    }
    .s32-input-wrap:focus-within{
        border-color:#c99735;
        box-shadow:0 0 0 3px rgba(201,151,53,.14),inset 0 1px 0 rgba(255,255,255,.05);
    }
    .s32-input-wrap>iconify-icon{color:#e4b850}
    .s32-input-wrap input{color:#fff}
    .s32-input-wrap input::placeholder{color:rgba(255,255,255,.38)}
    .s32-eye{color:rgba(255,255,255,.55)}
    .s32-eye:hover{color:#edc768}
    .s32-rowline{margin:3px 0 17px}
    .s32-check{color:rgba(255,255,255,.66)}
    .s32-link{color:#efc663}

    .s32-main-btn{
        min-height:52px;
        color:#17100a;
        border-color:#d4a53f;
        background:linear-gradient(135deg,#a86f14 0%,#f3cf72 48%,#bd8421 100%);
        box-shadow:0 12px 28px rgba(177,119,25,.25);
    }
    .s32-outline-btn{
        color:#f5d77f;
        border-color:rgba(224,183,87,.32);
        background:rgba(255,255,255,.035);
    }
    .s32-outline-btn:hover{color:#fff;background:rgba(255,255,255,.08)}
    .s32-copy{color:rgba(255,255,255,.4);font-size:9px;margin-top:19px}

    .s32-grid-two{grid-template-columns:1fr;gap:0}
    .s32-register-card .s32-form-side{
        margin-top:0;
        padding:24px 18px 25px;
    }
    .s32-register-card .s32-side{min-height:185px}
    .s32-register-card .s32-side-copy{padding-top:45px}
    .s32-input-wrap.is-locked{
        background:rgba(255,255,255,.055);
        border-color:rgba(225,189,104,.2);
    }
    .s32-captcha-code{
        color:#f3c969;
        border-color:rgba(222,181,83,.28);
        background:rgba(4,6,9,.78);
    }
    .s32-captcha-refresh,
    .s32-captcha-wrap input{
        color:#fff;
        border-color:rgba(255,255,255,.14);
        background:rgba(8,10,14,.62);
    }
    .s32-captcha-wrap input::placeholder{color:rgba(255,255,255,.38)}
    .s32-terms{color:rgba(255,255,255,.68)}
}

@media(max-width:390px){
    .s32-side{min-height:190px;padding-top:18px}
    .s32-register-card .s32-side{min-height:170px}
    .s32-logo-box{width:172px}
    .s32-side-copy{padding-top:52px}
    .s32-register-card .s32-side-copy{padding-top:39px}
    .s32-side-copy h1{font-size:28px}
    .s32-form-side,
    .s32-register-card .s32-form-side{margin-left:9px;margin-right:9px;padding-left:15px;padding-right:15px}
    .s32-head h2,
    .s32-register-card .s32-head h2{font-size:31px}
}

/* =========================================================
   YBC V3 — Uploaded Yacht as MAIN authentication background
   ========================================================= */
body.s32-auth-body{
    background:
        linear-gradient(110deg,rgba(3,7,12,.72),rgba(5,8,12,.48)),
        url('../images/ybc-main-yacht-bg.jpg') center 44% / cover fixed no-repeat;
}
.s32-page{
    background:transparent;
}
@media(min-width:621px){
    .s32-card{
        background:rgba(10,13,18,.62);
        border-color:rgba(226,187,94,.28);
        box-shadow:0 32px 90px rgba(0,0,0,.45);
        backdrop-filter:blur(12px) saturate(1.08);
        -webkit-backdrop-filter:blur(12px) saturate(1.08);
    }
    .s32-side{
        background:
            linear-gradient(180deg,rgba(4,8,13,.30),rgba(4,7,11,.72));
    }
    .s32-form-side{
        background:linear-gradient(180deg,rgba(248,246,240,.95),rgba(255,255,255,.90));
    }
}
@media(max-width:620px){
    body.s32-auth-body,
    .s32-page{
        background:#061019;
    }
    .s32-card,
    .s32-login-card,
    .s32-register-card{
        background-image:url('../images/ybc-main-yacht-bg.jpg') !important;
        background-size:cover !important;
        background-repeat:no-repeat !important;
        background-position:center 42% !important;
        background-attachment:scroll !important;
    }
    .s32-card:before{
        background:
            linear-gradient(180deg,rgba(2,7,12,.18) 0%,rgba(2,7,12,.36) 22%,rgba(3,8,13,.72) 47%,rgba(4,7,11,.94) 100%),
            radial-gradient(circle at 75% 15%,rgba(219,174,67,.15),transparent 32%);
    }
    .s32-form-side,
    .s32-register-card .s32-form-side{
        background:linear-gradient(180deg,rgba(6,10,15,.72),rgba(5,8,12,.90));
        border-color:rgba(229,192,102,.26);
        box-shadow:0 20px 55px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.07);
    }
}

/* =========================================================
   YBC V4 — Reliable Blade-driven MAIN background
   Images live at public/assets/login/image/
   ========================================================= */
body.s32-auth-body{
    background:#061019 !important;
}
.s32-page{
    min-height:100vh;
    min-height:100svh;
    background-image:
        linear-gradient(110deg,rgba(2,7,12,.58),rgba(4,8,13,.38)),
        var(--ybc-auth-bg) !important;
    background-size:cover !important;
    background-repeat:no-repeat !important;
    background-position:center center !important;
    background-attachment:fixed !important;
}
@media(max-width:620px){
    .s32-page{
        background-image:
            linear-gradient(180deg,rgba(2,6,10,.18) 0%,rgba(2,7,12,.34) 30%,rgba(3,7,12,.68) 58%,rgba(3,6,10,.88) 100%),
            var(--ybc-auth-bg) !important;
        background-size:cover !important;
        background-repeat:no-repeat !important;
        background-position:center top !important;
        background-attachment:scroll !important;
    }
    /* Make the card transparent so the MAIN page yacht stays visible */
    .s32-card,
    .s32-login-card,
    .s32-register-card{
        background:transparent !important;
        background-image:none !important;
    }
    .s32-side{
        background:transparent !important;
    }
}

/* =========================================================
   YBC V5 — Semi-transparent glass auth panels
   Keeps the uploaded yacht MAIN background clearly visible.
   ========================================================= */
.s32-card,
.s32-login-card,
.s32-register-card{
    background:rgba(5,9,14,.28) !important;
    border-color:rgba(232,193,98,.28) !important;
    box-shadow:0 28px 80px rgba(0,0,0,.34) !important;
    backdrop-filter:blur(5px) saturate(1.05) !important;
    -webkit-backdrop-filter:blur(5px) saturate(1.05) !important;
}
.s32-side{
    background:linear-gradient(180deg,rgba(3,7,12,.16),rgba(3,7,12,.34)) !important;
}
.s32-form-side,
.s32-register-card .s32-form-side{
    background:linear-gradient(180deg,rgba(7,10,14,.46),rgba(5,8,12,.58)) !important;
    border:1px solid rgba(238,199,105,.26) !important;
    box-shadow:0 20px 55px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08) !important;
    backdrop-filter:blur(9px) saturate(1.08) !important;
    -webkit-backdrop-filter:blur(9px) saturate(1.08) !important;
}
.s32-input-wrap,
.s32-register-card .s32-input-wrap,
.s32-captcha-refresh,
.s32-captcha-wrap input{
    background:rgba(5,8,12,.38) !important;
    border-color:rgba(255,255,255,.17) !important;
    backdrop-filter:blur(5px) !important;
    -webkit-backdrop-filter:blur(5px) !important;
}
.s32-input-wrap.is-locked{
    background:rgba(255,255,255,.08) !important;
}
.s32-outline-btn{
    background:rgba(6,9,13,.24) !important;
}

@media(max-width:620px){
    /* More transparent on phones so the yacht remains the hero visual. */
    .s32-card,
    .s32-login-card,
    .s32-register-card{
        background:rgba(3,7,11,.12) !important;
        backdrop-filter:none !important;
        -webkit-backdrop-filter:none !important;
    }
    .s32-form-side,
    .s32-register-card .s32-form-side{
        background:linear-gradient(180deg,rgba(5,9,14,.40),rgba(4,7,11,.54)) !important;
        backdrop-filter:blur(8px) saturate(1.08) !important;
        -webkit-backdrop-filter:blur(8px) saturate(1.08) !important;
    }
}


/* =========================================================
   V53 — BORDERLESS FLOATING LOGIN FINISH
   Keeps existing yacht background/logo and login behavior.
   Removes the visible line/card around the mobile form only.
   ========================================================= */
@media(max-width:620px){
    .s32-login-card .s32-form-side{
        border:none !important;
        border-radius:0 !important;
        box-shadow:none !important;
        background:linear-gradient(180deg,rgba(3,7,12,.08),rgba(3,7,12,.38) 38%,rgba(3,7,12,.72) 100%) !important;
        backdrop-filter:none !important;
        -webkit-backdrop-filter:none !important;
    }
    .s32-login-card .s32-head{
        margin-top:2px;
    }
    .s32-login-card .s32-input-wrap{
        border:1px solid rgba(255,255,255,.12);
        background:rgba(5,9,14,.70);
        box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 24px rgba(0,0,0,.12);
    }
    .s32-login-card .s32-main-btn{
        box-shadow:0 12px 30px rgba(196,137,32,.27),inset 0 1px 0 rgba(255,255,255,.28);
    }
}