.account-page{background:linear-gradient(#fff 0%,#fcf8fc 100%);min-height:65vh}.account-login{text-align:center;background:#fff;border:1px solid #e5d9e7;border-radius:24px;justify-items:center;gap:14px;width:min(100%,540px);padding:clamp(30px,6vw,54px);display:grid;box-shadow:0 24px 64px #3c1c4217}.account-login>img{margin-bottom:3px}.account-login h1,.account-heading h1,.account-orders__title h2{color:var(--plum-dark);margin:0}.account-login>p:not(.eyebrow):not(.account-alert){max-width:44ch;color:var(--ink-soft);margin:0 0 6px;line-height:1.9}.account-login>small{color:var(--ink-soft);font-size:.72rem}.account-shell{gap:28px;display:grid}.account-heading{background:#fff;border:1px solid #e5d9e7;border-radius:20px;justify-content:space-between;align-items:center;gap:20px;padding:26px 30px;display:flex}.account-heading p:last-child{color:var(--ink-soft);text-align:right;margin:7px 0 0;font-size:.82rem}.account-orders{gap:20px;display:grid}.account-orders__title{justify-content:space-between;align-items:end;gap:16px;display:flex}.account-orders__title>span{color:var(--plum);background:#f4eaf6;border-radius:999px;padding:7px 12px;font-size:.78rem;font-weight:800}.account-alert,.account-empty{border-radius:14px;padding:18px}.account-alert--error{color:#8b3131;background:#fff4f4;border:1px solid #f0cccc}.account-alert--success{color:#216344;background:#effaf4;border:1px solid #bfe1cf}.account-alert--info{color:var(--plum-dark);background:#faf5fb;border:1px solid #dccbe1}.account-empty{background:#fff;border:1px solid #e5d9e7;justify-items:start;gap:12px;padding:34px;display:grid}.account-empty h3,.account-empty p{margin:0}.account-empty p{color:var(--ink-soft);line-height:1.8}.account-order-list{gap:16px;display:grid}.account-order{background:#fff;border:1px solid #e5d9e7;border-radius:18px;gap:22px;padding:24px;display:grid;box-shadow:0 10px 30px #3c1c420d}.account-order__top,.account-order footer{justify-content:space-between;align-items:center;gap:16px;display:flex}.account-order__top>div:first-child{align-items:baseline;gap:7px;display:flex}.account-order__top strong{color:var(--plum-dark);font-size:1.15rem}.account-order__top small,.account-order footer span{color:var(--ink-soft)}.account-order__badges{gap:7px;display:flex}.account-order__badges span{color:#582064;background:#f3eaf5;border-radius:999px;padding:6px 9px;font-size:.7rem;font-weight:800}.account-order__badges .is-payment-paid{color:#216344;background:#e5f5ec}.account-order__badges .is-payment-failed,.account-order__badges .is-payment-refunded{color:#8b3131;background:#fff0f0}.account-order__progress{height:48px;position:relative}.account-order__progress:before,.account-order__progress>i{content:"";inset-inline:0;border-radius:999px;height:3px;position:absolute;top:6px}.account-order__progress:before{background:#eadfed}.account-order__progress>i{width:var(--order-progress);background:var(--plum);inset-inline-end:auto}.account-order__progress>div{grid-template-columns:repeat(4,1fr);gap:6px;display:grid;position:relative}.account-order__progress span{color:#9a8b9e;text-align:center;padding-top:16px;font-size:.68rem;position:relative}.account-order__progress span:before{content:"";inset-inline-start:50%;background:#fff;border:2px solid #e1d3e5;border-radius:50%;width:12px;height:12px;position:absolute;top:1px;transform:translate(50%)}.account-order__progress span.is-active{color:var(--plum-dark);font-weight:800}.account-order__progress span.is-active:before{border-color:var(--plum);background:var(--plum)}.account-order__items{gap:8px;display:grid}.account-order__items p{background:#faf7fa;border-radius:9px;justify-content:space-between;gap:14px;margin:0;padding:9px 12px;display:flex}.account-order__items a{color:var(--plum-dark);gap:2px;font-weight:700;display:grid}.account-order__items a small{color:var(--plum);font-size:.68rem;font-weight:700}.account-order__payment{background:#faf5fb;border:1px solid #e2cfe7;border-radius:12px;gap:7px;padding:14px;display:grid}.account-order__payment button{width:100%}.account-order__payment small{color:var(--ink-soft);text-align:center;font-size:.7rem}.account-order footer{border-top:1px solid #eee6f0;padding-top:14px}.account-order footer strong{color:var(--plum-dark)}@media (max-width:640px){.account-heading,.account-order__top,.account-order footer{flex-direction:column;align-items:stretch}.account-heading form,.account-heading button{width:100%}.account-order{padding:18px}.account-order__top>div:first-child{flex-wrap:wrap}.account-order__badges{align-self:flex-start}.account-order__progress span{font-size:.58rem}}