/* Approved login presentation. Scoped to the signed-out page. */
body.premium-login:has(#loginArea:not([hidden])){background:radial-gradient(ellipse at 22% 38%,#235d4545,transparent 47%),radial-gradient(ellipse at 83% 80%,#6f715016,transparent 45%),#032c21;min-height:100svh;color:#f5f0e1}
body.premium-login:has(#loginArea:not([hidden])):before{content:"";pointer-events:none;position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' opacity='.035' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E");opacity:.45;z-index:0}
body.premium-login:has(#loginArea:not([hidden])) .site-header{background:#032c21e8;border-bottom:1px solid #d7c49316;backdrop-filter:blur(16px);height:100px}
body.premium-login:has(#loginArea:not([hidden])) .site-header .brand img{width:139px}
body.premium-login:has(#loginArea:not([hidden])) .demo-bar .language-switch{background:#ffffff03;border-color:#e2d2aa30;top:28px;left:max(40px,calc((100vw - 1136px)/2));border-radius:999px;width:125px;padding:3px}
body.premium-login:has(#loginArea:not([hidden])) .demo-bar .language-switch button{border-radius:999px;min-height:32px;font-size:10px;padding:3px 10px}
body.premium-login:has(#loginArea:not([hidden])) .demo-bar .language-switch button[aria-pressed=true]{background:#fffefa;color:#113b2d}
body.premium-login:has(#loginArea:not([hidden])) #loginArea{position:relative;z-index:1;max-width:1112px;margin:56px auto 48px;display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:84px;border:0;border-radius:0;overflow:visible;background:none;box-shadow:none;align-items:center}
body.premium-login:has(#loginArea:not([hidden])) .login-story{display:block;overflow:visible;background:none;min-height:0;padding:4px 0 0;color:#f5f0e1}
body.premium-login:has(#loginArea:not([hidden])) .login-story>.eyebrow{font-size:9px;letter-spacing:3.8px;color:#cbbd92;display:flex;align-items:center;gap:13px;font-weight:400}
body.premium-login:has(#loginArea:not([hidden])) .login-story>.eyebrow:before{content:"";width:28px;height:1px;background:#bca774}
body.premium-login:has(#loginArea:not([hidden])) .login-story h1{font-size:36px;letter-spacing:3px;font-weight:300;line-height:1.8;margin-top:20px;position:relative;z-index:2}
body.premium-login:has(#loginArea:not([hidden])) .login-story em{font-weight:300;color:#e6d6ab}
body.premium-login:has(#loginArea:not([hidden])) .login-story>.story-description{margin-top:13px;font-size:12px;letter-spacing:1px;line-height:2.1;color:#a7bcb0}
.invitation-scene{position:relative;height:264px;margin-top:17px;perspective:1000px;isolation:isolate}
.invitation-halo{position:absolute;border:1px solid #b8aa741c;border-radius:50% 50% 0 0;width:308px;height:314px;left:94px;bottom:14px;background:radial-gradient(ellipse at 60% 70%,#9aa16a18,transparent 70%);mask-image:linear-gradient(#000 25%,transparent 97%)}
.invitation-halo:before{content:"";position:absolute;inset:15px;border:1px solid #b8aa7415;border-radius:inherit}
.invitation-plinth{position:absolute;left:8px;right:-2px;bottom:12px;height:60px;border-radius:50%;background:radial-gradient(ellipse,#a7ae6630,transparent 67%);filter:blur(10px);transform:rotate(-8deg)}
.invitation-card{position:absolute;width:354px;height:222px;left:36px;top:11px;border:1px solid #d0d0a559;border-radius:17px;background:linear-gradient(120deg,#5a7b59 0%,#1c5039 30%,#103b2c 68%,#294d34 100%);box-shadow:0 5px 0 #17392d,0 6px 0 #a2ac723d,0 28px 35px #00180fd9,inset 0 1px 0 #e6ebcb77;transform:rotate(-9deg) rotateY(-12deg) rotateX(8deg);overflow:hidden}
.invitation-card:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(120deg,#ffffff1a,transparent 35%,#ffffff07 65%,transparent);pointer-events:none}
.invitation-card:before{content:"";position:absolute;left:-50px;right:-90px;height:190px;bottom:-125px;border:1px solid #d9cea950;border-radius:50%;transform:rotate(8deg);background:#7f925b10}
.invitation-inner{position:absolute;inset:0;padding:25px 28px}
body.premium-login:has(#loginArea:not([hidden])) .login-story .invitation-inner img{position:static;width:88px;opacity:.9;filter:none;display:block;max-width:100%;height:auto}
.invitation-edition{position:absolute;top:31px;right:25px;font-size:6px;letter-spacing:2px;color:#c9d3b3}
.invitation-wordmark{position:relative;z-index:2;font:500 42px/1.1 Cormorant,Georgia,serif;letter-spacing:-.5px;color:white;margin-top:20px}
.invitation-rule{height:1px;width:25px;background:#cbbc85;margin:12px 0 8px}
.invitation-caption{font:500 italic 14px Cormorant,Georgia,serif;color:#d4d6b6}
.invitation-number{position:absolute;bottom:19px;left:28px;letter-spacing:2px;color:#acbc9a;font-size:6px}
.invitation-gem{position:absolute;right:20px;top:76px;width:90px;height:80px;--gem-light:#a9c4a4;--gem-mid:#577d56;--gem-dark:#315a40;--gem-white:#deead0;filter:drop-shadow(0 9px 8px #001d1b80);opacity:.9}
.story-signature{display:flex;align-items:center;gap:13px;margin-top:7px}
.story-signature>span{width:35px;height:1px;background:#a9ad7e55}
.story-signature p{font-size:7px;letter-spacing:1.9px;color:#8ea695}
body.premium-login:has(#loginArea:not([hidden])) .login-panel{position:relative;padding:36px 40px 30px;border-radius:23px;background:radial-gradient(ellipse at 100% 0,#fff,transparent 65%),#f9f7ef;border:1px solid #e7debf;box-shadow:0 30px 65px #001d1673,inset 0 0 0 6px #ffffff55;color:#173f30;text-align:left;animation:none}
body.premium-login:has(#loginArea:not([hidden])) .login-panel:before{content:"";position:absolute;top:0;width:62px;height:2px;background:linear-gradient(90deg,#b2965d,#e6d6aa,#b2965d);left:calc(50% - 31px)}
.access-ornament{display:flex;align-items:center;justify-content:center;gap:13px;margin-bottom:16px;color:#9a8a60}
.access-ornament span{height:1px;width:28px;background:#d5caad}
.access-ornament svg{width:19px;height:19px;stroke-width:1.1}
body.premium-login:has(#loginArea:not([hidden])) .login-panel>.eyebrow{color:#a18a55;text-align:center;letter-spacing:3.4px;font-size:9px;font-weight:500}
body.premium-login:has(#loginArea:not([hidden])) .login-panel>h2{font-size:29px;letter-spacing:3px;font-weight:400;line-height:1.5;margin:12px 0 9px;text-align:center;color:#173c2f}
body.premium-login:has(#loginArea:not([hidden])) .login-panel>p:not(.eyebrow):not(.login-demo-note){text-align:center;font-size:11px;line-height:1.8;color:#7b8477;margin:0}
body.premium-login:has(#loginArea:not([hidden])) .login-tabs{padding:4px;background:#eaece3;border:1px solid #e2e5da;border-radius:10px;gap:3px;margin:29px 0 25px}
body.premium-login:has(#loginArea:not([hidden])) .login-tabs button{flex:1;min-height:43px;color:#7e897c;border:0;border-radius:7px;font-size:12px;padding:8px 2px;letter-spacing:.3px}
body.premium-login:has(#loginArea:not([hidden])) .login-tabs button[aria-selected=true]{background:#fffefa;color:#173f30;box-shadow:0 2px 5px #153e2910;font-weight:500}
body.premium-login:has(#loginArea:not([hidden])) #loginForm label{font-size:11px;letter-spacing:.6px;color:#4a5f4e;font-weight:500}
body.premium-login:has(#loginArea:not([hidden])) .phone-input,body.premium-login:has(#loginArea:not([hidden])) #loginUsername{border-radius:9px;border:1px solid #ccd4c7;background:#fffefa;box-shadow:0 2px 4px #183e2903;min-height:57px;margin-top:11px;transition:border-color .2s,box-shadow .2s}
body.premium-login:has(#loginArea:not([hidden])) .phone-input:focus-within{border-color:#9c9b6b;box-shadow:0 0 0 3px #a79e6c16}
body.premium-login:has(#loginArea:not([hidden])) .phone-input>span{padding:4px 17px;font-size:13px;line-height:22px;color:#55705d;border-right-color:#e0e4d8;min-width:65px}
body.premium-login:has(#loginArea:not([hidden])) #loginPhone{min-height:55px;padding:13px 16px;margin:0;font-size:16px;background:transparent;letter-spacing:.8px;color:#203f30;box-shadow:none;outline-offset:-3px}
body.premium-login:has(#loginArea:not([hidden])) #loginForm input::placeholder{color:#9ba494;font-size:15px;letter-spacing:.7px}
body.premium-login:has(#loginArea:not([hidden])) #loginForm small{font-size:10px;line-height:1.9;color:#8a9384;margin-top:11px;min-height:38px;letter-spacing:.1px}
body.premium-login:has(#loginArea:not([hidden])) .platform-tabs{gap:7px;margin-bottom:18px}
body.premium-login:has(#loginArea:not([hidden])) .platform-tabs button{min-height:39px;background:transparent;border-color:#d6dbcc;border-radius:8px;font-size:11px}
body.premium-login:has(#loginArea:not([hidden])) .platform-tabs button[aria-pressed=true]{border-color:#8b9e83;background:#e9eee3;color:#254e37}
body.premium-login:has(#loginArea:not([hidden])) .login-submit{margin-top:23px;min-height:56px;padding:13px 16px 13px 25px;border-radius:9px;justify-content:space-between;background:linear-gradient(110deg,#164e37,#073a28);box-shadow:0 6px 15px #163e2919;border:1px solid #335c3c;letter-spacing:1px;font-size:13px;color:#fffdf5}
body.premium-login:has(#loginArea:not([hidden])) .login-submit svg{height:26px;width:26px;padding:6px;border:1px solid #dfd1aa55;border-radius:50%;color:#e1cf9e}
body.premium-login:has(#loginArea:not([hidden])) .login-submit:hover{background:linear-gradient(110deg,#245e44,#124c34);transform:translateY(-1px)}
body.premium-login:has(#loginArea:not([hidden])) #loginMessage:empty{display:none}
body.premium-login:has(#loginArea:not([hidden])) .login-panel .login-concierge{display:flex;justify-content:center;gap:8px;min-height:44px;margin:18px 0 0;font-size:10px;letter-spacing:.3px;color:#697e68;border-top:1px solid #dfe3d6;padding-top:20px}
body.premium-login:has(#loginArea:not([hidden])) .login-concierge svg{width:15px;height:15px;stroke-width:1.25}
body.premium-login:has(#loginArea:not([hidden])) footer{position:relative;max-width:1112px;align-items:center;margin:0 auto;padding:22px 0 27px;border-top-color:#b7be9a21;font-size:8px;letter-spacing:.4px;color:#7e9d8b;gap:20px}
.preview-label{color:#819381;font-size:7px;letter-spacing:1.6px}
html[lang=en] body.premium-login:has(#loginArea:not([hidden])) .login-story h1{font:500 48px/1.12 Cormorant,Georgia,serif;letter-spacing:0;max-width:440px}
html[lang=en] body.premium-login:has(#loginArea:not([hidden])) .login-panel>h2{font:500 38px/1.2 Cormorant,Georgia,serif;letter-spacing:0}
@media(min-width:701px) and (max-width:1240px){body.premium-login:has(#loginArea:not([hidden])) #loginArea{margin:40px 40px;grid-template-columns:minmax(0,1fr) 410px;gap:45px}body.premium-login:has(#loginArea:not([hidden])) footer{margin:0 40px}.invitation-card{left:8px;width:330px;height:207px}.invitation-halo{left:30px}body.premium-login:has(#loginArea:not([hidden])) .login-story h1{font-size:31px}body.premium-login:has(#loginArea:not([hidden])) .login-panel{padding-left:32px;padding-right:32px}}
@media(min-width:701px) and (max-width:900px){body.premium-login:has(#loginArea:not([hidden])) #loginArea{margin:40px 28px;gap:26px;grid-template-columns:minmax(0,1fr) 370px}body.premium-login:has(#loginArea:not([hidden])) .login-story h1{font-size:25px;letter-spacing:1px}body.premium-login:has(#loginArea:not([hidden])) .login-story>.eyebrow{font-size:7px;letter-spacing:2px}.invitation-card{width:260px;height:168px;left:-5px;top:38px}.invitation-inner{padding:20px}.invitation-wordmark{font-size:34px;margin-top:15px}.invitation-edition{font-size:5px;right:18px;top:27px}.invitation-rule{margin:7px 0}.invitation-number{bottom:15px;left:20px;font-size:5px}.invitation-gem{width:65px;right:12px;top:61px}.invitation-caption{font-size:11px}.invitation-halo{left:0;width:240px;height:270px}.story-signature p{font-size:6px;letter-spacing:1px}}
@media(max-width:700px){
 body.premium-login:has(#loginArea:not([hidden])){background:radial-gradient(ellipse at 50% 33%,#245b3d55,transparent 62%),#032c21;padding-top:84px}
 body.premium-login:has(#loginArea:not([hidden])) .site-header{height:78px;background:#032c21;border-bottom-color:#b7be9a1c}
 body.premium-login:has(#loginArea:not([hidden])) .site-header .brand img{width:113px}
 body.premium-login:has(#loginArea:not([hidden])) .demo-bar .language-switch{left:15px;top:22px;width:91px;padding:2px}
 body.premium-login:has(#loginArea:not([hidden])) .demo-bar .language-switch button{font-size:8px;min-height:29px;padding:3px 6px}
 body.premium-login:has(#loginArea:not([hidden])) #loginArea{display:block;margin:34px 20px 29px;max-width:430px;background:none;border:0;overflow:visible}
 body.premium-login:has(#loginArea:not([hidden])) .login-story{display:none}
 body.premium-login:has(#loginArea:not([hidden])) .login-panel{padding:31px 25px 23px;border-radius:21px;box-shadow:0 20px 40px #001d165e,inset 0 0 0 5px #ffffff55}
 .access-ornament{margin-bottom:17px;gap:12px}
 .access-ornament svg{width:21px;height:21px}
 body.premium-login:has(#loginArea:not([hidden])) .login-panel>.eyebrow{font-size:9px;letter-spacing:3px}
 body.premium-login:has(#loginArea:not([hidden])) .login-panel>h2{font-size:29px;letter-spacing:3px;margin:13px 0 9px}
 body.premium-login:has(#loginArea:not([hidden])) .login-panel>p:not(.eyebrow):not(.login-demo-note){font-size:10px;line-height:1.85;max-width:250px;margin:0 auto}
 body.premium-login:has(#loginArea:not([hidden])) .login-tabs{margin:27px 0 24px}
 body.premium-login:has(#loginArea:not([hidden])) .login-tabs button{min-height:42px;font-size:11px}
 body.premium-login:has(#loginArea:not([hidden])) #loginForm label{font-size:11px}
 body.premium-login:has(#loginArea:not([hidden])) #loginForm small{font-size:9px;line-height:1.9;margin-top:12px;min-height:35px}
 body.premium-login:has(#loginArea:not([hidden])) .login-submit{margin-top:22px;font-size:12px;min-height:55px;padding-left:20px}
 body.premium-login:has(#loginArea:not([hidden])) .login-panel .login-concierge{margin-top:20px;font-size:10px;padding-top:19px}
 body.premium-login:has(#loginArea:not([hidden])) footer{margin:0 34px;gap:9px;padding:18px 0 24px;font-size:8px;flex-direction:column;line-height:1.5}
 body.premium-login:has(#loginArea:not([hidden])) footer .preview-label{order:3;margin-top:6px;font-size:6px;letter-spacing:1.4px;color:#608571}
 html[lang=en] body.premium-login:has(#loginArea:not([hidden])) .login-panel>h2{font-size:37px;letter-spacing:0}
}
@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:24px 16px}body.premium-login:has(#loginArea:not([hidden])) .login-panel{padding:28px 21px 20px}body.premium-login:has(#loginArea:not([hidden])) .site-header .brand img{width:100px}body.premium-login:has(#loginArea:not([hidden])) .demo-bar .language-switch{left:10px;width:86px}body.premium-login:has(#loginArea:not([hidden])) .login-panel>h2{font-size:27px}}
@media(prefers-reduced-motion:no-preference){.invitation-card{animation:invitation-float 7s ease-in-out infinite}body.premium-login:has(#loginArea:not([hidden])) .login-panel{animation:login-entrance .6s ease both}@keyframes invitation-float{0%,100%{transform:rotate(-9deg) rotateY(-12deg) rotateX(8deg) translateY(0)}50%{transform:rotate(-7deg) rotateY(-9deg) rotateX(6deg) translateY(-7px)}}@keyframes login-entrance{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}
@media(prefers-reduced-motion:reduce){.invitation-card,body.premium-login:has(#loginArea:not([hidden])) .login-panel{animation:none}body.premium-login:has(#loginArea:not([hidden])) .login-submit:hover{transform:none}}
