.access-page{background:radial-gradient(ellipse at 10% 40%,#dce8eeaa,transparent 55%),radial-gradient(ellipse at 70% 90%,#ffeadd55,transparent 50%),#f7f9fa;min-height:100dvh}.access-page [hidden]{display:none!important}.access-header{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px}.access-header img{width:240px}.access-header nav{display:flex;gap:30px;font-size:12px;font-weight:700;color:#526e7e}.access-header nav a:hover{color:var(--orange)}.access-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:100px;align-items:center;max-width:1180px;min-height:calc(100dvh - 180px);padding:35px 0 55px}.access-story{position:relative;padding:15px 0 30px;min-width:0}.access-story h2{font-size:clamp(35px,4vw,55px);line-height:1.08;letter-spacing:-.05em}.access-story h2>span{color:#7b929f}.story-description{font-size:15px;max-width:450px;margin:23px 0 35px}.access-product{position:relative;border:4px solid #fff;outline:1px solid #ccdae2;box-shadow:0 28px 45px -18px #2342533c,0 5px 0 #cfdae1;border-radius:14px;background:#eff4f7;transform:perspective(1100px) rotateY(4deg) rotateZ(-1deg);max-width:520px}.access-screen-bar{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;font-size:6px;color:#6e8593;letter-spacing:.08em;background:linear-gradient(#fff,#eaf0f4);border-radius:10px 10px 0 0}.access-screen-bar>span:first-child{letter-spacing:2px;color:#b0c0c9}.access-product>img{width:100%;border-radius:0 0 10px 10px}.product-caption{position:absolute;bottom:-24px;left:20px;background:linear-gradient(135deg,#fff,#f3f7fa);border:1px solid white;border-radius:11px;box-shadow:0 10px 25px #29475420;display:flex;gap:11px;align-items:center;padding:13px 17px}.product-caption>span{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:#eaf3ee;color:#4e8069}.product-caption strong{display:block;font-size:11px}.product-caption small{display:block;font-size:9px;color:var(--muted);margin-top:5px}.story-benefits{display:flex;gap:18px;color:#6b8290;font-size:10px;margin-top:55px}.story-benefits>span:before{content:'✓';color:var(--orange);margin-right:7px}.access-form-area{min-width:0;max-width:520px;width:100%}.access-card{border:1px solid #d4e0e7;background:linear-gradient(135deg,#fff,#fafcfd);padding:38px;border-radius:24px;box-shadow:0 20px 55px #2949570e,0 4px 0 #dfe7ed;position:relative}.access-card:before{content:'';position:absolute;height:3px;left:28px;right:28px;top:0;border-radius:5px;background:linear-gradient(90deg,#ffb894,#e96130,#ffb894)}.access-card>.eyebrow{font-size:9px;letter-spacing:.14em;margin-bottom:15px}.access-card h1{font-size:33px;font-weight:750;line-height:1.12;letter-spacing:-.04em}.form-intro{font-size:13px;line-height:1.75;margin:15px 0 26px}.field{display:flex;flex-direction:column;gap:9px;margin-bottom:19px;min-width:0}.field>span{font-size:12px;font-weight:700;color:#3d5969}.field input{min-height:50px;font-size:15px;background:#f4f8fa;border-radius:10px}.field>small{font-size:10px;line-height:1.6;color:#708795}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.password-field{position:relative;display:flex;align-items:center}.password-field input{padding-right:66px}.password-field button{position:absolute;right:6px;min-width:50px;min-height:40px;background:transparent;border:0;color:#4e7083;font-size:11px;border-radius:7px;font-weight:700}.password-field button:hover{background:#e3edf3}.password-field button:focus-visible{outline-offset:1px}.field-side{display:flex;justify-content:flex-end;margin:-4px 0 23px;font-size:11px;color:#38657e}.field-side a:hover{text-decoration:underline}.access-card .button{min-height:52px;font-size:13px}.access-card .button.secondary{background:#eef4f7;border-color:#cfdee6;color:#2c5268;box-shadow:0 2px 0 #d6e2e9}.access-switch{font-size:11px;text-align:center;border-top:1px solid #dbe5eb;margin-top:25px;padding-top:23px;line-height:1.8}.access-switch a,.consent-row a{color:#38657e;font-weight:700}.access-switch a:hover,.consent-row a:hover{text-decoration:underline}.form-message{font-size:12px;line-height:1.7;overflow-wrap:anywhere;color:#9b3d23}.form-message:not(:empty){border:1px solid #f2d9ce;background:#fff3ec;border-radius:10px;padding:13px 14px;margin:18px 0 0}.form-message.success{color:#386c51;border-color:#d0e7d9;background:#eef7f1}.access-security{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;align-items:center;font-size:9px;color:#758b98;margin:24px 0 0}.access-security>span:first-child{font-size:15px;color:#648599}.access-security a:hover{color:#294e63}.access-footer{display:flex;justify-content:space-between;border-top:1px solid #d6e1e8;padding:22px 0 25px;color:#8496a0;font-size:9px}.access-steps{max-width:1180px;width:calc(100% - 80px);list-style:none;display:flex;align-items:center;gap:28px;margin:8px auto 0;padding:0 0 23px;border-bottom:1px solid #dbe5eb;font-size:11px;color:#8b9ea8}.access-steps li{display:flex;gap:9px;align-items:center}.access-steps b{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:#eaf0f4;border:1px solid #d4e1e8;font-size:10px;color:#8198a6}.access-steps .current{color:#314f60;font-weight:700}.access-steps .current b{background:linear-gradient(#ff834c,#e85c2b);border-color:#f07641;color:white;box-shadow:0 3px 6px #e35d2820}.access-steps .done b{color:#4f846b;background:#e6f2eb}.signup-summary{display:grid;grid-template-columns:1fr auto;gap:7px 12px;align-items:center;padding:15px 17px;background:linear-gradient(140deg,#f1f6f9,#e9f0f4);border:1px solid #d5e3eb;border-radius:12px;margin-bottom:25px;font-size:11px}.signup-summary strong{font-size:22px;letter-spacing:-.04em;grid-row:span 2}.signup-summary small{font-size:9px;color:#79909c}.consent-row{display:flex;align-items:flex-start;gap:11px;margin:7px 0 23px;font-size:11px;line-height:1.7;color:#677f8d}.consent-row input{width:18px;min-width:18px;min-height:18px;height:18px;padding:0;margin:1px 0 0;accent-color:#e65c2b;box-shadow:none;border-radius:5px}.quiet-button{background:transparent;border:0;padding:13px 3px 0;min-height:40px;font-size:11px;color:#396b85}.status-box{padding:14px 16px;margin:17px 0;border:1px solid #d5e2e9;background:#edf4f8;border-radius:11px;color:#426477;font-size:12px;line-height:1.75;overflow-wrap:anywhere}.status-box.success{background:#edf7f1;color:#356c4e;border-color:#d1e7d9}.status-box.error{background:#fff3eb;border-color:#f2d8c9;color:#985033}.payment-order{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:20px 0 25px;border-block:1px solid #dae5eb;margin-bottom:22px}.payment-order>div>span{display:block;font-size:11px;color:#6c8593;margin-bottom:10px}.payment-order strong{font-size:32px;letter-spacing:-.035em}.payment-order small{font-size:11px;letter-spacing:0;font-weight:400;color:#75909e}.order-badge{border:1px solid #d4e3dc;color:#4c7b65;background:#eff7f2;border-radius:20px;font-size:9px;padding:6px 10px;white-space:nowrap}.payment-explainer{font-size:12px}.payment-explainer>strong{font-size:12px}.payment-explainer p{font-size:11px;line-height:1.8;margin-top:10px}.sumup-container{margin-top:25px;border-radius:13px;padding:13px 8px;border:1px solid #d4e1e8;min-height:120px;background:#fff;max-width:100%}.sumup-container iframe{max-width:100%}.payment-assurance{font-size:10px;line-height:1.8;color:#738a98;margin-top:20px}.access-page[data-page=signup] .access-layout,.access-page[data-page=payment] .access-layout{align-items:start}.access-page[data-page=signup] .access-story,.access-page[data-page=payment] .access-story{padding-top:45px}.access-page form[aria-busy=true]{cursor:progress}
@media(max-width:1150px){.access-layout{gap:50px}.access-card{padding:30px}.access-steps{width:calc(100% - 48px)}.access-story h2{font-size:44px}.story-description{font-size:14px}.story-benefits{gap:13px;font-size:9px}}
@media(max-width:850px){.access-header{min-height:85px}.access-header img{width:220px}.access-layout{display:block;min-height:calc(100dvh - 180px);padding:28px 0 50px;max-width:520px}.access-story{display:none}.access-card{padding:35px}.access-header nav{font-size:11px;gap:20px}.access-steps{max-width:520px;gap:24px;margin-top:6px}.access-footer{max-width:520px}.access-card h1{font-size:32px}}
@media(max-width:600px){.access-header{min-height:78px;gap:10px}.access-header img{width:205px}.access-header nav{font-size:10px;gap:0}.access-header nav a:first-child{display:none}.access-layout{width:calc(100% - 32px);padding-top:18px;padding-bottom:35px;min-height:calc(100dvh - 155px)}.access-card{padding:30px 24px;border-radius:19px}.access-card h1{font-size:30px}.form-intro{font-size:12px;margin-top:14px}.field input{font-size:16px}.field-pair{grid-template-columns:1fr;gap:0}.field{margin-bottom:20px}.field small{font-size:10px}.access-steps{width:calc(100% - 36px);gap:20px;font-size:9px;padding-bottom:18px}.access-steps li{gap:6px}.access-steps b{width:22px;height:22px;font-size:9px}.access-footer{width:calc(100% - 36px);font-size:8px;padding-block:18px}.access-security{font-size:8px;gap:10px}.consent-row{font-size:10px}.payment-order{gap:9px}.payment-order strong{font-size:29px}.order-badge{font-size:8px;padding:6px 8px}.sumup-container{padding:10px 0}.signup-summary{font-size:10px;padding:14px}.signup-summary strong{font-size:22px}.access-switch{font-size:10px}.access-page[data-page=signup] .access-layout,.access-page[data-page=payment] .access-layout{padding-top:24px}}
@media(max-width:360px){.access-header img{width:172px}.access-card{padding:27px 20px}.access-card h1{font-size:27px}.access-steps{gap:12px;font-size:8px}.access-steps li{gap:5px}.order-badge{display:none}.signup-summary{padding:12px;font-size:9px}.signup-summary strong{font-size:20px}}
@media(prefers-reduced-motion:reduce){.access-product{transform:none}}