.customer-auth{min-height:680px;display:grid;grid-template-columns:1fr 480px;align-items:center;gap:70px;padding:75px max(8vw,30px);background:linear-gradient(130deg,#f7f1e7 0 58%,#e7f0ea 58%)}.customer-auth.register{grid-template-columns:.8fr 1.2fr}.auth-message h1{max-width:650px;font-size:clamp(48px,6vw,78px)}.auth-message>p{max-width:560px;color:#67716c;font-size:17px;line-height:1.7}.auth-perks{display:grid;gap:10px;margin-top:25px}.auth-perks span{font-weight:700;color:var(--green)}.customer-auth-form{display:grid;gap:16px;padding:34px;border-radius:20px;background:#fff;box-shadow:0 24px 65px #24372d1b}.customer-auth-form h2{text-align:center}.customer-auth-form>p{text-align:center;font-size:12px}.customer-auth-form>p a{color:var(--orange);font-weight:800}.account-icon{display:grid;place-items:center;width:62px;height:62px;margin:auto;border-radius:19px;background:linear-gradient(145deg,var(--green),#2b8062);color:#fff;font-size:27px}.account-decoration{display:flex;align-items:center;gap:16px;margin-top:30px;font:700 22px 'Playfair Display';color:var(--green)}.account-decoration b{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--orange);color:#fff}.account-page{max-width:1180px;margin:auto;padding:65px 24px}.account-heading{display:flex;justify-content:space-between;align-items:start}.account-heading h1{font-size:48px}.account-heading p{color:#818984}.account-heading button{padding:10px 14px;border-radius:9px;background:#f1eefc;color:#6753c7}.account-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:25px 0}.account-stats article{display:flex;align-items:center;gap:14px;padding:19px;border-radius:16px;color:#fff;background:linear-gradient(145deg,#6955d8,#9471e8)}.account-stats article:nth-child(2){background:linear-gradient(145deg,#18a6b4,#47c9b7)}.account-stats article:nth-child(3){background:linear-gradient(145deg,#ef8e30,#f3c047)}.account-stats article>span{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#fff2;font-size:20px}.account-stats small,.account-stats strong{display:block}.account-stats small{font-size:8px;letter-spacing:1.2px}.account-stats strong{margin-top:5px;font-size:18px}.account-layout{display:grid;grid-template-columns:1fr 350px;gap:20px}.account-orders,.account-profile{padding:23px;border:1px solid #e4e7e5;border-radius:18px;background:#fff}.account-card-heading{display:flex;justify-content:space-between;align-items:center}.account-card-heading h2,.account-profile h2{font:700 21px 'DM Sans'}.account-card-heading a{color:#6b55cb;font-size:11px;font-weight:800}.customer-order{margin-top:13px;padding:17px;border:1px solid #e9ebe9;border-radius:14px}.customer-order-top{display:flex;justify-content:space-between;gap:15px}.customer-order-top>div>strong,.customer-order-top small{display:block}.customer-order-top>div:first-child>strong{margin-top:9px}.customer-order-top>div:last-child{text-align:right}.customer-order-top small{margin-top:4px;color:#919792;font-size:9px}.customer-order-items{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.customer-order-items span{padding:5px 8px;border-radius:8px;background:#f2f3f1;font-size:9px}.customer-order-actions{display:flex;justify-content:space-between;padding-top:11px;border-top:1px solid #edf0ed;color:#858c88;font-size:9px}.customer-order-actions a{color:#6550c6;font-weight:800}.account-profile{height:max-content;background:linear-gradient(145deg,#f4f1ff,#fff)}.account-profile form{display:grid;gap:14px}.account-profile label small{display:block;margin-top:4px;color:#979ba4;font-size:8px}.account-empty{text-align:center;padding:55px}.account-empty>span{font-size:45px;color:#8b79dc}@media(max-width:900px){.customer-auth,.customer-auth.register,.account-layout{grid-template-columns:1fr;background:linear-gradient(145deg,#f7f1e7,#e7f0ea)}}@media(max-width:600px){.customer-auth{padding:50px 20px}.account-stats{grid-template-columns:1fr}.account-heading,.customer-order-top,.customer-order-actions{flex-direction:column}.customer-order-top>div:last-child{text-align:left}}