:root{--login-ink:#30282a;--login-muted:#76696c;--login-rose:#c86f7c;--login-deep:#aa5663;--login-line:#efdadd;--login-blush:#fff1f2;--login-ivory:#fffdfb}
*{box-sizing:border-box}
html{width:100%;height:100%;overflow:hidden;background:#fff7f7}
body{width:100%;height:100vh;height:100dvh;min-width:320px;min-height:100vh;min-height:100dvh;display:flex;margin:0;padding:clamp(8px,2vh,22px);overflow:hidden;background:radial-gradient(circle at 8% 7%,rgba(246,205,211,.44),transparent 25rem),radial-gradient(circle at 92% 94%,rgba(241,207,211,.32),transparent 30rem),#fff8f8;color:var(--login-ink);font-family:"Segoe UI",Arial,sans-serif}
a{color:inherit}
button,input{font:inherit}
.ab-login-skip{position:fixed;z-index:20;inset-block-start:10px;inset-inline-start:10px;padding:10px 16px;border-radius:8px;background:#2d2829;color:#fff;transform:translateY(-150%);transition:transform .16s ease}
.ab-login-skip:focus{transform:none}
.ab-login-shell{width:min(100%,1500px);height:100%;min-height:0;margin:auto;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;border:1px solid rgba(206,136,145,.2);border-radius:22px;background:var(--login-ivory);box-shadow:0 24px 65px rgba(91,53,59,.09)}
.ab-login-stage{height:100%;min-height:0;display:grid;grid-template-columns:minmax(0,48fr) minmax(0,52fr)}
.ab-login-story{position:relative;min-width:0;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 20% 14%,rgba(255,255,255,.9),transparent 15rem),linear-gradient(145deg,#fff7f6,#fbe2e4 65%,#f6cfd4)}
.ab-login-story:before{content:"";position:absolute;pointer-events:none}
.ab-login-story:before{width:260px;height:260px;inset-block-start:-160px;inset-inline-end:-100px;border:1px solid rgba(202,111,124,.16);border-radius:50%;box-shadow:0 0 0 40px rgba(255,255,255,.1),0 0 0 90px rgba(255,255,255,.08)}
.ab-login-story__copy{position:relative;z-index:2;width:100%;padding:clamp(24px,5vh,70px) clamp(34px,6vw,90px)}
.ab-login-kicker{color:#a9656f;font-size:11px;font-weight:750;letter-spacing:.25em}
.ab-login-kicker i{color:#d4808c;font-style:normal}
.ab-login-story h1{display:flex;align-items:flex-start;gap:13px;margin:clamp(12px,2vh,20px) 0 clamp(10px,1.6vh,15px);color:#302629;font:500 clamp(40px,4.2vw,60px)/1.06 Georgia,"Times New Roman",serif;letter-spacing:-.02em}
[dir=rtl] .ab-login-story h1{font-family:Tahoma,"Segoe UI",sans-serif;font-weight:650;letter-spacing:0}
.ab-login-story h1 svg{width:27px;flex:0 0 27px;fill:none;stroke:#dc7d8a;stroke-width:1.5}
.ab-login-story__intro{position:relative;display:inline-block;margin:0 0 clamp(20px,3.5vh,38px);color:#5e5255;font-size:clamp(17px,1.5vw,21px)}
.ab-login-story__intro:after{content:"";position:absolute;inset-inline-end:13px;inset-block-end:-11px;width:145px;height:7px;border-block-start:2px solid #df7e8b;border-radius:50%}
.ab-login-story__intro span{margin-inline-start:8px;color:#d77380}
.ab-login-benefits{display:grid}
.ab-login-benefits article{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:20px;padding:clamp(10px,1.8vh,18px) 0;border-block-end:1px solid rgba(197,119,129,.18)}
.ab-login-benefits article:last-child{border:0}
.ab-login-benefits article>span{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.66);color:#ca6f7b;box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)}
.ab-login-benefits svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ab-login-benefits h2{margin:0;color:#3d3235;font-size:15px;font-weight:700}
.ab-login-benefits p{margin:6px 0 0;color:#746568;font-size:13px;line-height:1.45}
.ab-login-form-side{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(10px,1.7vh,20px);padding:clamp(12px,2vh,28px) clamp(28px,5vw,72px);background:radial-gradient(circle at 90% 8%,rgba(247,221,224,.26),transparent 17rem),#fffdfc}
.ab-login-card{width:min(100%,500px);padding:clamp(18px,2.7vh,38px) clamp(26px,4vw,50px);border:1px solid rgba(193,124,133,.18);border-radius:25px;background:rgba(255,255,255,.97);box-shadow:0 20px 55px rgba(70,47,50,.11)}
.ab-login-card>header{text-align:center}
.ab-login-card__eyebrow{display:none;color:#bb6974;font-size:10px;font-weight:750;letter-spacing:.23em}
.ab-login-card h2{margin:0;color:#2d2527;font:500 clamp(34px,3.4vw,46px)/1.1 Georgia,"Times New Roman",serif}
[dir=rtl] .ab-login-card h2{font-family:Tahoma,"Segoe UI",sans-serif;font-weight:650}
.ab-login-card>header i{width:42px;height:2px;display:block;margin:clamp(10px,1.7vh,18px) auto clamp(11px,1.8vh,20px);background:var(--login-rose)}
.ab-login-card>header p{margin:0 0 clamp(16px,2.8vh,30px);color:var(--login-muted)}
.ab-login-validation{margin:0 0 clamp(8px,1.4vh,15px);padding:0;color:#a43f4d;font-size:13px;line-height:1.45}
.ab-login-validation:empty{display:none}
.ab-login-validation ul{margin:0;padding:11px 14px 11px 32px;border:1px solid #e6aeb5;border-radius:10px;background:#fff2f3}
[dir=rtl] .ab-login-validation ul{padding:11px 32px 11px 14px}
.ab-login-field{margin-block-end:clamp(10px,1.7vh,18px)}
.ab-login-field>label{display:block;margin-block-end:clamp(5px,1vh,9px);color:#443a3c;font-size:14px;font-weight:700}
.ab-login-field>div{position:relative}
.ab-login-field>div>svg{position:absolute;inset-inline-start:17px;inset-block-start:50%;width:21px;height:21px;fill:none;stroke:#8c8587;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transform:translateY(-50%);pointer-events:none}
.ab-login-field input{width:100%;height:clamp(52px,7vh,58px);padding:0 17px 0 52px;border:1px solid #ded9da;border-radius:14px;background:#fff;color:#30282a;outline:0;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}
[dir=rtl] .ab-login-field input{padding:0 52px 0 17px}
.ab-login-field input::placeholder{color:#a09a9b}
.ab-login-field input:focus{border-color:#c97581;background:#fffdfd;box-shadow:0 0 0 4px rgba(201,117,129,.13)}
.ab-login-field>span{display:block;min-height:15px;margin-block-start:3px;color:#a43f4d;font-size:12px}
.ab-login-options{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 clamp(13px,2vh,22px);font-size:13px}
.ab-login-options label{display:inline-flex;align-items:center;gap:9px;color:#5d5254;cursor:pointer}
.ab-login-options input{width:19px;height:19px;margin:0;border:1px solid #cf808a;border-radius:4px;accent-color:var(--login-deep)}
.ab-login-options a{color:#c5606e;font-weight:650;text-decoration:none}
.ab-login-options a:hover{text-decoration:underline;text-underline-offset:3px}
.ab-login-submit{width:100%;height:clamp(52px,7vh,58px);display:flex;align-items:center;justify-content:center;gap:15px;border:0;border-radius:14px;background:linear-gradient(110deg,#262324,#1e1c1d);box-shadow:0 11px 24px rgba(38,35,36,.17);color:#fff;font-weight:700;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}
.ab-login-submit svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
[dir=rtl] .ab-login-submit svg{transform:scaleX(-1)}
.ab-login-submit:hover{filter:brightness(1.15);transform:translateY(-2px);box-shadow:0 15px 28px rgba(38,35,36,.2)}
.ab-login-register{margin:clamp(14px,2.4vh,24px) 0 0;padding-block-start:clamp(12px,2vh,20px);border-block-start:1px solid #eee4e5;text-align:center;color:#6e6264;font-size:14px}
.ab-login-register a{margin-inline-start:4px;color:#c65f6c;font-weight:700;text-decoration:none}
.ab-login-social-divider{display:flex;align-items:center;gap:16px;margin:27px 0 18px;color:#827678;font-size:12px}.ab-login-social-divider:before,.ab-login-social-divider:after{content:"";height:1px;flex:1;background:#e8dfe0}
.ab-login-social{display:grid;gap:10px}.ab-login-social form{margin:0}.ab-login-social button{width:100%;height:50px;border:1px solid #ded5d6;border-radius:12px;background:#fff;color:#453c3e}.ab-login-social__button{display:flex;align-items:center;justify-content:center;gap:12px;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease,transform .18s ease}.ab-login-social__button svg{width:21px;height:21px;flex:0 0 21px}.ab-login-social__button:hover{border-color:#cfaeb3;background:#fffafa;box-shadow:0 7px 18px rgba(92,52,59,.08);transform:translateY(-1px)}
.ab-login-welcome-gift{position:relative;width:min(100%,500px);min-height:clamp(84px,12vh,104px);display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:16px;padding:clamp(13px,1.8vh,18px) clamp(18px,2vw,24px);border:1px solid #e9a9b1;border-radius:18px;background:linear-gradient(115deg,#fff6f6,#fffafa);color:#3d3335;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}
.ab-login-welcome-gift:hover{color:#3d3335;transform:translateY(-2px);box-shadow:0 13px 28px rgba(172,88,100,.09)}
.ab-login-welcome-gift>span{width:57px;height:57px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#ca6f7b}
.ab-login-welcome-gift svg{width:31px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ab-login-welcome-gift strong{display:block;margin-block-end:5px}.ab-login-welcome-gift p{margin:0;color:#65575a;font-size:13px;line-height:1.5}.ab-login-welcome-gift p::first-letter{color:inherit}.ab-login-welcome-gift>i{color:#df8590;font-size:22px;font-style:normal}
.ab-register-gift{cursor:default}.ab-register-gift:hover{color:#3d3335;transform:none;box-shadow:none}
.ab-login-page a:focus-visible,.ab-login-page button:focus-visible,.ab-login-page input:focus-visible,.ab-login-page summary:focus-visible{outline:3px solid rgba(177,77,91,.38);outline-offset:3px}

@media(max-width:1100px){.ab-login-stage{grid-template-columns:minmax(0,45fr) minmax(0,55fr)}.ab-login-story__copy{padding-inline:42px}.ab-login-form-side{padding-inline:30px}.ab-login-card{padding-inline:34px}}
@media(max-width:850px){.ab-login-stage{height:auto;min-height:100%;grid-template-columns:1fr}.ab-login-form-side{grid-row:1;min-height:100%;padding:clamp(22px,4vh,42px) 28px}.ab-login-story{grid-row:2;min-height:420px}.ab-login-story__copy{padding:48px clamp(35px,9vw,75px)}.ab-login-card,.ab-login-welcome-gift{max-width:560px}}
@media(max-width:600px){body{padding:8px;background:#fff9f9}.ab-login-shell{border-radius:12px}.ab-login-form-side{min-height:calc(100dvh - 18px);padding:18px 12px 22px}.ab-login-card{padding:26px 19px;border-radius:19px;box-shadow:0 13px 35px rgba(70,47,50,.09)}.ab-login-card__eyebrow{display:block;margin-block-end:10px}.ab-login-card h2{font-size:34px}.ab-login-card>header i{margin-block:11px 13px}.ab-login-card>header p{margin-bottom:20px;font-size:14px}.ab-login-field input{height:55px}.ab-login-options{gap:12px}.ab-login-welcome-gift{grid-template-columns:52px minmax(0,1fr) auto;gap:12px;padding:15px 16px}.ab-login-welcome-gift>span{width:50px;height:50px}.ab-login-story{min-height:0}.ab-login-story__copy{padding:38px 23px}.ab-login-story h1{font-size:36px}.ab-login-story__intro{margin-bottom:24px;font-size:16px}.ab-login-benefits article{grid-template-columns:51px minmax(0,1fr);gap:14px;padding:12px 0}.ab-login-benefits article>span{width:51px;height:51px}}
@media(max-width:390px){.ab-login-card{padding-inline:16px}.ab-login-options{font-size:12px}.ab-login-welcome-gift{grid-template-columns:48px minmax(0,1fr)}.ab-login-welcome-gift>i{display:none}}
@media(min-width:851px) and (max-height:780px){body{padding:8px}.ab-login-story__copy{padding-block:20px}.ab-login-story h1{font-size:clamp(38px,3.8vw,52px)}.ab-login-story__intro{margin-bottom:18px}.ab-login-benefits article{padding-block:8px}.ab-login-benefits article>span{width:52px;height:52px}.ab-login-form-side{gap:9px;padding-block:8px}.ab-login-card{padding-block:15px}.ab-login-card h2{font-size:38px}.ab-login-card>header i{margin-block:8px 9px}.ab-login-card>header p{margin-bottom:12px}.ab-login-validation{margin-bottom:6px}.ab-login-validation ul{padding-block:7px}.ab-login-field{margin-bottom:7px}.ab-login-field input,.ab-login-submit{height:52px}.ab-login-options{margin-bottom:10px}.ab-login-register{margin-top:11px;padding-top:10px}.ab-login-welcome-gift{min-height:78px;padding-block:10px}.ab-login-welcome-gift>span{width:50px;height:50px}}
@media(min-width:851px){.ab-register-form-side{padding-block:10px}.ab-register-card{padding-block:clamp(16px,2vh,26px)}.ab-register-card>header p{margin-bottom:clamp(10px,1.5vh,18px)}.ab-register-card .ab-login-field{margin-bottom:clamp(5px,1vh,11px)}.ab-register-card .ab-login-field input,.ab-register-card .ab-login-submit{height:52px}.ab-register-card .ab-login-register{margin-top:clamp(9px,1.3vh,15px);padding-top:clamp(8px,1.2vh,13px)}.ab-register-gift{min-height:72px;padding-block:9px}.ab-register-gift>span{width:48px;height:48px}}
@media(min-width:851px) and (max-height:780px){.ab-register-card{padding-block:10px}.ab-register-card h2{font-size:34px}.ab-register-card>header i{margin-block:5px 6px}.ab-register-card>header p{margin-bottom:7px;font-size:13px}.ab-register-card .ab-login-field{margin-bottom:3px}.ab-register-card .ab-login-field>label{margin-bottom:3px;font-size:13px}.ab-register-card .ab-login-field input,.ab-register-card .ab-login-submit{height:46px}.ab-register-card .ab-login-field>span{min-height:12px;font-size:11px}.ab-register-card .ab-login-register{margin-top:7px;padding-top:6px}.ab-register-gift{min-height:62px;padding-block:6px}.ab-register-gift>span{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){.ab-login-page *{scroll-behavior:auto!important;transition:none!important}}