:root{--access-brand:#fa004c;--access-ink:#111;--access-muted:#aaa;--access-line:#ffffff18}
*{box-sizing:border-box}html{min-height:100%}body.access-page{margin:0;min-height:100vh;display:flex;flex-direction:column;color:#fff;font:15px/1.6 "Roboto",Arial,sans-serif;background:radial-gradient(ellipse at 10% 90%,#fa004c0d,transparent 40%),radial-gradient(ellipse at 80% 5%,#fa004c16,transparent 38%),linear-gradient(135deg,#0d0d0d,#191517);isolation:isolate}
.access-page:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(#000,transparent 90%)}
.access-page a{text-decoration:none}.access-page a:focus-visible,.access-page button:focus-visible{outline:3px solid var(--access-brand);outline-offset:5px}.access-wrap{width:min(1180px,calc(100% - 72px));margin:0 auto}.access-header{padding:28px 0;display:flex;justify-content:space-between;align-items:center;gap:24px}.access-brand{display:flex;align-items:center;gap:24px;color:#fff}.access-brand:hover{color:#fff}.access-brand img{width:133px;height:auto;display:block}.access-brand>span{font:600 11px "Montserrat",Arial,sans-serif;letter-spacing:4px;padding-left:24px;border-left:1px solid #ffffff30}.access-status{display:flex;align-items:center;gap:10px;font-size:10px;text-transform:uppercase;letter-spacing:1.8px;color:#ccc}.access-status>span{width:7px;height:7px;border-radius:50%;background:var(--access-brand);box-shadow:0 0 14px #fa004c66}
.access-main{flex:1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:100px;align-items:center;padding:32px 0 64px}.access-eyebrow{display:flex;align-items:center;gap:12px;font:600 10px/1.6 "Montserrat",Arial,sans-serif;letter-spacing:1.5px;text-transform:uppercase;color:#ff6694;margin:0 0 22px}.access-eyebrow:before{content:"";width:28px;height:1px;background:var(--access-brand);flex-shrink:0}.access-story h1{font:650 clamp(38px,4.4vw,61px)/1.05 "Montserrat",Arial,sans-serif;letter-spacing:-2.8px;margin:0}.access-story h1>span{color:var(--access-brand)}.access-intro{max-width:440px;color:#b5b0b3;line-height:1.8;font-size:15px;margin:24px 0 0}
.access-visual{position:relative;margin-top:34px;padding:0 40px 12px 0;max-width:480px}.access-mascot{position:relative;overflow:hidden;margin:0;border:1px solid #ffffff20;border-radius:14px;background:#242124;box-shadow:0 16px 50px #0004}.access-mascot>img{display:block;width:100%;height:auto;aspect-ratio:1200/670;object-fit:cover}.access-mascot figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px 18px 13px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(transparent,#000c);font-size:10px;color:#e8e3e6}.mascot-name{font:600 13px "Montserrat",Arial,sans-serif}.access-floating{position:absolute;right:0;bottom:0;padding:13px 19px;background:#272125e8;border:1px solid #ffffff25;border-radius:10px;backdrop-filter:blur(12px);color:#c9c1c5;font-size:10px;letter-spacing:.8px}.access-floating strong{display:block;color:#fff;font:600 14px "Montserrat",Arial,sans-serif;letter-spacing:0;margin-top:3px}.access-orbit{position:absolute;right:24px;top:-24px;width:180px;aspect-ratio:1;border:1px solid #fa004c38;border-radius:50%;pointer-events:none}.access-orbit i{position:absolute;inset:-15%;border:1px solid #fa004c26;border-radius:50%;transform:rotate(-30deg) scaleY(.5)}.access-orbit i+i{inset:8%;transform:rotate(45deg) scaleY(.65)}.access-orbit>span{position:absolute;width:6px;height:6px;border-radius:50%;right:5%;top:24%;background:var(--access-brand);box-shadow:0 0 14px #fa004c}
.access-card{position:relative;padding:38px 38px 0;border-radius:18px;background:#fff;color:var(--access-ink);border-top:4px solid var(--access-brand);box-shadow:0 24px 80px #0003}.access-card-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid #fa004c22;border-radius:12px;background:#fff0f4;color:#c90040;margin-bottom:22px}.access-card-mark svg{width:23px;height:23px}.access-card-eyebrow{font:600 9px/1.6 "Montserrat",Arial,sans-serif;letter-spacing:1.2px;color:#888;margin-bottom:12px}.access-card h2{font:650 clamp(24px,2.6vw,34px)/1.15 "Montserrat",Arial,sans-serif;letter-spacing:-1.1px;margin:0}.access-card-intro{color:#777;font-size:13px;margin:16px 0 27px}.access-form label{display:block;font-size:12px;font-weight:600;color:#444;margin-bottom:8px}.access-form .form-control{height:48px;border:1px solid #e3dfe1;border-radius:7px;background:#fbfafb;font:14px "Roboto",Arial,sans-serif;padding:12px 14px;margin-bottom:20px;color:#222}.access-form .form-control::placeholder{color:#999}.access-form .form-control:focus{border-color:var(--access-brand);box-shadow:0 0 0 3px #fa004c18;background:#fff}.access-password{position:relative}.access-password .form-control{padding-right:77px}.access-password-toggle{position:absolute;right:4px;top:5px;height:38px;padding:0 10px;color:#666;background:transparent;border:0;font-size:11px;border-radius:4px}.access-password-toggle:hover{color:#bd003a;background:#fff0f4}.access-submit{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 18px;background:var(--access-brand);color:#fff;border:0;border-radius:7px;font:600 13px "Montserrat",Arial,sans-serif;min-height:49px;transition:background .15s}.access-submit:hover{background:#cf003f}.access-submit>span{font-size:21px;line-height:1}.access-card-help{display:flex;gap:12px;align-items:flex-start;margin:25px 0;color:#bd003a}.access-card-help>span{font-size:23px;line-height:1.3}.access-card-help p{font-size:11px;color:#555;margin:0}.access-card-help p>span{color:#888}.access-card-foot{margin:0 -38px;padding:17px 25px;border-top:1px solid #efebed;font-size:10px;text-align:center;color:#888}.access-card .alert{font-size:13px;margin-bottom:22px}
.access-footer{border-top:1px solid var(--access-line);padding:22px 0;color:#888;font-size:10px}.access-footer>.access-wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.access-footer strong{color:#ccc;font-weight:500}.access-footer a{color:#c4b9be}.access-footer a:hover{color:#ff6694}.access-skip{position:fixed;top:-100px;left:20px;background:#fff;color:#bd003a;padding:12px 20px;z-index:10;border-radius:6px}.access-skip:focus{top:14px}
@media(min-width:900px) and (prefers-reduced-motion:no-preference){.access-orbit{animation:access-float 8s ease-in-out infinite}@keyframes access-float{50%{transform:translateY(-8px)}}}
@media(max-width:1050px){.access-main{gap:48px}.access-card{padding:28px 28px 0}.access-card-foot{margin-inline:-28px}.access-story h1{font-size:48px;letter-spacing:-2px}.access-eyebrow{font-size:9px;letter-spacing:1px}}
@media(max-width:760px){.access-wrap{width:min(560px,calc(100% - 36px))}.access-header{padding:22px 0}.access-brand img{width:100px}.access-brand{gap:16px}.access-brand>span{padding-left:16px;font-size:9px;letter-spacing:2px}.access-status{font-size:8px;letter-spacing:.7px;gap:7px}.access-main{grid-template-columns:1fr;gap:48px;padding:16px 0 42px}.access-card{order:-1;width:100%;max-width:440px;justify-self:center;padding:26px 26px 0}.access-card-foot{margin-inline:-26px}.access-card h2{font-size:30px}.access-card-mark{margin-bottom:16px}.access-card-intro{margin:14px 0 22px}.access-story h1{font-size:clamp(38px,10vw,53px)}.access-visual{max-width:460px}.access-intro{font-size:14px}.access-footer>.access-wrap{justify-content:center;text-align:center}.access-footer>.access-wrap>span:last-child{width:100%}}
@media(max-width:360px){.access-status{max-width:78px}.access-brand>span{font-size:8px;letter-spacing:1px}.access-header{gap:10px}.access-card{padding:24px 20px 0}.access-card-foot{margin-inline:-20px}.access-card h2{font-size:27px}}