.account-access{position:relative;overflow:hidden;padding:clamp(30px,5vw,72px)}
.account-access::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(9,29,27,.92) 0%,rgba(9,29,27,.7) 42%,rgba(9,29,27,.32) 100%)}
.account-panel{position:relative;z-index:1;width:min(1120px,100%);display:grid;grid-template-columns:minmax(0,1fr) 430px;align-items:center;gap:clamp(50px,9vw,130px)}
.account-intro{max-width:540px;color:#fff}.account-badge{display:inline-flex;padding:7px 12px;border:1px solid rgba(255,255,255,.32);border-radius:999px;background:rgba(255,255,255,.08);backdrop-filter:blur(8px);font-size:.7rem;font-weight:800;letter-spacing:.18em}
.account-intro h2{margin:25px 0 18px;font-size:clamp(2.6rem,5vw,5rem);line-height:1.02;letter-spacing:-.045em}.account-intro h2 strong{display:block;font-family:"Pacifico",cursive;font-weight:400;color:var(--peach);letter-spacing:0}.account-intro p{max-width:480px;margin:0;color:#dce8e5;font-size:1.08rem}
.account-access .account-card{width:100%;padding:42px;border:1px solid rgba(255,255,255,.5);background:rgba(255,250,246,.96);box-shadow:0 30px 90px rgba(0,0,0,.34);backdrop-filter:blur(18px)}
.account-brand{margin-bottom:24px}.account-brand small{display:block;font-size:.65rem;font-weight:800;letter-spacing:.25em}.account-brand strong{font:2rem "Pacifico",cursive;color:#e79d83}.account-access .account-card h1{font-size:2.1rem;letter-spacing:-.03em}
.account-auth-form{grid-template-columns:1fr;margin-top:24px}.account-auth-form .field,.account-auth-form .btn{grid-column:1}.account-auth-form .btn{min-height:50px;margin-top:2px}.account-access .account-switch{margin:20px 0 0}.account-access .account-switch a{color:var(--green)}
@media(max-width:900px){.account-panel{grid-template-columns:1fr;max-width:480px}.account-intro{display:none}.account-access{padding:24px}}
@media(max-width:480px){.account-access{padding:14px}.account-access .account-card{padding:30px 22px;border-radius:18px}}