/* Mobile refinement only. The approved desktop presentation stays unchanged. */
@media(max-width:700px){
 body.premium-login:has(#loginArea:not([hidden])){background:radial-gradient(ellipse at 50% 24%,#486b4640,transparent 40%),radial-gradient(ellipse at 0% 75%,#194c342c,transparent 55%),#032c21;padding-top:78px}
 body.premium-login:has(#loginArea:not([hidden])) .site-header{border-bottom:0;background:#032c21eb;backdrop-filter:blur(16px)}
 body.premium-login:has(#loginArea:not([hidden])) #loginArea{margin:23px 20px 0;max-width:430px}
 body.premium-login:has(#loginArea:not([hidden])) .login-story{display:block;min-height:0;height:174px;padding:0;overflow:visible}
 body.premium-login:has(#loginArea:not([hidden])) .login-story>.eyebrow,body.premium-login:has(#loginArea:not([hidden])) .login-story>h1,body.premium-login:has(#loginArea:not([hidden])) .login-story>.story-description,body.premium-login:has(#loginArea:not([hidden])) .story-signature{display:none}
 .invitation-scene{height:174px;margin:0;perspective:1000px}
 .invitation-halo{width:248px;height:235px;left:calc(50% - 124px);bottom:-4px;border-color:#d3c29429;background:radial-gradient(ellipse at 50% 60%,#a9ab6b20,transparent 71%)}
 .invitation-halo:before{inset:11px;border-color:#d3c29418}
 .invitation-plinth{left:24px;right:5px;bottom:4px;height:48px;background:radial-gradient(ellipse,#9fa76838,transparent 70%);filter:blur(8px)}
 .invitation-card{width:253px;height:159px;top:0;left:calc(50% - 126.5px);border-radius:12px;background:linear-gradient(120deg,#5c7e5f,#24513b 30%,#103c2b 70%,#34573a);border-color:#e0d9ad69;box-shadow:0 3px 0 #17392d,0 4px 0 #c3bb7e52,0 20px 23px #00180fa6,inset 0 1px 0 #e6ebcb77;transform:rotate(-7deg) rotateY(-7deg) rotateX(6deg)}
 .invitation-inner{padding:18px 20px}
 body.premium-login:has(#loginArea:not([hidden])) .login-story .invitation-inner img{width:69px}
 .invitation-edition{top:24px;right:18px;letter-spacing:1.4px;font-size:5px}
 .invitation-wordmark{font-size:32px;line-height:1.05;margin-top:14px;letter-spacing:0}
 .invitation-rule{margin:9px 0 6px;width:19px}
 .invitation-caption{font-size:11px}
 .invitation-number{font-size:4.7px;letter-spacing:1.6px;left:20px;bottom:14px}
 .invitation-gem{width:62px;height:59px;right:14px;top:55px}
 .invitation-card:before{height:145px;bottom:-97px}
 body.premium-login:has(#loginArea:not([hidden])) .login-panel{padding:26px 25px 21px;border-radius:23px;background:radial-gradient(ellipse at 90% 0%,#fff,transparent 68%),#f9f7ed;border:1px solid #e6ddbc;box-shadow:0 22px 50px #001d166b,inset 0 0 0 4px #ffffff65;margin:5px 0 0}
 body.premium-login:has(#loginArea:not([hidden])) .login-panel:before{width:44px;left:calc(50% - 22px);height:1px;top:-1px}
 body.premium-login:has(#loginArea:not([hidden])) .login-panel>.eyebrow{display:none}
 body.premium-login:has(#loginArea:not([hidden])) .login-panel>h2{text-align:left;font-size:26px;font-weight:400;letter-spacing:2px;line-height:1.5;margin:0 0 8px;color:#143f2f;padding-right:25px}
 body.premium-login:has(#loginArea:not([hidden])) .login-panel>p:not(.eyebrow):not(.login-demo-note){text-align:left;font-size:10px;max-width:none;color:#89917f;margin:0;line-height:1.9}
 .access-ornament{position:absolute;right:25px;top:29px;margin:0;color:#a08c5f}
 .access-ornament span{display:none}
 .access-ornament svg{height:21px;width:21px;stroke-width:1.1}
 body.premium-login:has(#loginArea:not([hidden])) .login-tabs{margin:23px 0 22px;background:#e9ece2;border-color:#e0e5d8;border-radius:10px;padding:4px;gap:3px}
 body.premium-login:has(#loginArea:not([hidden])) .login-tabs button{font-size:11px;min-height:41px;border-radius:7px}
 body.premium-login:has(#loginArea:not([hidden])) #loginForm label{font-size:11px;letter-spacing:.5px}
 body.premium-login:has(#loginArea:not([hidden])) .phone-input,body.premium-login:has(#loginArea:not([hidden])) #loginUsername{margin-top:10px;min-height:55px;border-color:#ccd5c6;border-radius:10px;background:#fffffc;box-shadow:0 2px 4px #173f2903}
 body.premium-login:has(#loginArea:not([hidden])) #loginPhone{min-height:53px;font-size:16px;padding:12px 13px;letter-spacing:1px}
 body.premium-login:has(#loginArea:not([hidden])) .phone-input>span{min-width:59px;padding:4px 13px;font-size:13px}
 body.premium-login:has(#loginArea:not([hidden])) #loginForm small{font-size:9px;line-height:1.85;margin-top:10px;min-height:33px;color:#8c9584}
 body.premium-login:has(#loginArea:not([hidden])) .login-submit{margin-top:17px;min-height:54px;border-radius:10px;background:linear-gradient(110deg,#1b5139,#073c29);border-color:#426342;box-shadow:0 5px 13px #163f291b;padding:12px 14px 12px 18px;font-size:12px;letter-spacing:.6px}
 body.premium-login:has(#loginArea:not([hidden])) .login-submit svg{width:25px;height:25px;padding:6px}
 body.premium-login:has(#loginArea:not([hidden])) .login-panel .login-concierge{margin-top:17px;padding-top:16px;min-height:40px;font-size:10px;color:#6f806c;border-color:#e1e4d7;gap:8px}
 body.premium-login:has(#loginArea:not([hidden])) .platform-tabs{margin-bottom:16px;gap:7px}
 body.premium-login:has(#loginArea:not([hidden])) .platform-tabs button{min-height:38px;font-size:11px}
 body.premium-login:has(#loginArea:not([hidden])) footer{margin:0 30px;padding:21px 0 23px;border-top:0;gap:8px;line-height:1.5}
 body.premium-login:has(#loginArea:not([hidden])) footer>span:nth-child(3){display:none}
 body.premium-login:has(#loginArea:not([hidden])) footer .preview-label{margin-top:0;color:#618571;font-size:6px}
 html[lang=en] body.premium-login:has(#loginArea:not([hidden])) .login-panel>h2{font-size:34px;line-height:1.15;letter-spacing:-.3px;margin-bottom:10px;padding-right:20px}
}
@media(min-width:471px) and (max-width:700px){body.premium-login:has(#loginArea:not([hidden])) #loginArea{margin-left:auto;margin-right:auto}}
@media(max-width:360px){
 body.premium-login:has(#loginArea:not([hidden])) #loginArea{margin:21px 15px 0}
 body.premium-login:has(#loginArea:not([hidden])) .login-story,.invitation-scene{height:160px}
 .invitation-card{width:237px;height:149px;left:calc(50% - 118.5px)}
 .invitation-inner{padding:17px 19px}
 .invitation-wordmark{font-size:30px;margin-top:12px}
 .invitation-number{bottom:12px;left:19px}
 .invitation-gem{right:11px;top:51px;width:58px;height:56px}
 body.premium-login:has(#loginArea:not([hidden])) .login-panel{padding:23px 21px 20px}
 body.premium-login:has(#loginArea:not([hidden])) .login-panel>h2{font-size:24px}
 .access-ornament{right:22px;top:26px}
 body.premium-login:has(#loginArea:not([hidden])) .login-tabs{margin:21px 0 19px}
 body.premium-login:has(#loginArea:not([hidden])) .login-panel>p:not(.eyebrow):not(.login-demo-note){font-size:9px}
 body.premium-login:has(#loginArea:not([hidden])) #loginForm small{font-size:8.5px}
}
@media(max-width:700px) and (prefers-reduced-motion:no-preference){
 .invitation-card{animation:mobile-invitation-float 7s ease-in-out infinite}
 @keyframes mobile-invitation-float{0%,100%{transform:rotate(-7deg) rotateY(-7deg) rotateX(6deg) translateY(0)}50%{transform:rotate(-5deg) rotateY(-4deg) rotateX(4deg) translateY(-5px)}}
}