.account-page{min-height:100vh;background:#f8f5ef}.account-page header{position:absolute}.account-page main{min-height:100vh;padding:115px 4vw 50px}.auth-shell{min-height:calc(100vh - 165px);display:grid;grid-template-columns:1.08fr .92fr;max-width:1350px;margin:auto;box-shadow:0 35px 100px rgba(53,61,88,.12)}.auth-art{position:relative;overflow:hidden;padding:7vw;background:linear-gradient(145deg,#cde7ff,#eee2ff 50%,#ffd9ce);display:flex;flex-direction:column;justify-content:center}.auth-art h1{font-size:clamp(5rem,9vw,10rem);line-height:.72;letter-spacing:-.08em;margin:35px 0;position:relative;z-index:2}.auth-art h1 i{color:#ec716b;font-weight:300}.auth-art p{max-width:390px;font-size:11px;line-height:2}.auth-art>small{position:absolute;bottom:25px;font:8px sans-serif;letter-spacing:.2em}.auth-jewel{position:absolute;width:35vw;aspect-ratio:1;left:-12%;bottom:-25%;border:4vw solid rgba(255,255,255,.46);border-radius:45% 55% 52% 48%;animation:accountMorph 7s ease-in-out infinite alternate}.auth-jewel i{position:absolute;width:28%;aspect-ratio:1;background:linear-gradient(135deg,#fff,#ffe795 40%,#ff9c96);border-radius:44% 56% 48% 52%;right:2%;top:-13%;box-shadow:0 20px 50px #505a8044}.auth-card{background:rgba(255,252,246,.86);padding:clamp(35px,6vw,90px);display:flex;flex-direction:column;justify-content:center}.auth-tabs{display:flex;border-bottom:1px solid #d0d1d3;margin-bottom:45px}.auth-tabs button{flex:1;border:0;background:none;padding:14px;opacity:.4}.auth-tabs button.active{opacity:1;border-bottom:2px solid #30384f}.auth-form{display:none}.auth-form.active{display:block;animation:formIn .6s var(--ease)}.auth-form h2{font-size:clamp(2.5rem,4vw,4.5rem);margin:18px 0 35px}.field{position:relative;margin:13px 0}.field input{width:100%;border:1px solid #ced0d2;background:rgba(255,255,255,.45);padding:24px 14px 10px;outline:0}.field label{position:absolute;right:14px;top:17px;font-size:10px;transition:.25s;pointer-events:none}.field input:focus+label,.field input:not(:placeholder-shown)+label{top:7px;font-size:7px;color:#e36b66}.field small{color:#d04e49;font-size:8px}.field.invalid input{border-color:#d95b55}.show-pass{position:absolute;left:10px;top:15px;border:0;background:none;font-size:8px}.submit-auth,.send-code{width:100%;display:flex;justify-content:space-between;background:#30384f;color:white;border:0;padding:17px;margin-top:22px}.submit-auth:hover{background:#ed716b}.forgot-open{display:block;margin:18px auto;border:0;border-bottom:1px solid;background:none;font-size:9px}.demo-note{background:#fff0b5;padding:12px;font-size:8px;line-height:1.8}.consent{display:flex;align-items:center;gap:8px;font-size:8px;margin:18px 0}.consent input{width:16px;height:16px}.dashboard{display:none;min-height:100vh;margin:-115px -4vw -50px;background:#f7f5ef}.dashboard.show{display:grid;grid-template-columns:265px 1fr}.dash-nav{height:100vh;position:sticky;top:0;background:#30384f;color:#fff;padding:38px 25px;display:flex;flex-direction:column}.member{display:flex;gap:12px;align-items:center;margin:60px 0 35px}.avatar{width:45px;height:45px;background:linear-gradient(135deg,#ffd0cb,#cfe7ff);color:#30384f;display:grid;place-items:center;border-radius:50%}.member div:last-child{display:grid}.member small{font-size:8px;opacity:.5}.dash-nav nav{display:grid;gap:6px}.dash-nav nav button{border:0;background:transparent;color:#fff;text-align:right;padding:13px;display:flex;gap:10px;align-items:center;font-size:10px;opacity:.55}.dash-nav nav button.active{opacity:1;background:#ffffff12}.dash-nav nav button span{margin-right:auto;background:#ed716b;padding:2px 7px;border-radius:10px}.logout{margin-top:auto;border:0;background:none;color:#fff;text-align:right;font-size:9px;opacity:.6}.dash-content{padding:55px clamp(25px,6vw,90px)}.dash-top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:55px}.dash-top h1{font-size:clamp(3.5rem,6vw,7rem);line-height:.8;margin:20px 0 0}.dash-top h1 i{font-weight:300;color:#ed716b}.dash-top a{font-size:10px;border-bottom:1px solid}.dash-panel{display:none}.dash-panel.active{display:block;animation:formIn .6s var(--ease)}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat-grid article{background:#fff;padding:25px;display:grid;min-height:160px}.stat-grid span{font-size:9px}.stat-grid b{font-size:40px;font-weight:300}.stat-grid small{font-size:8px;color:#787d8c}.current-order{background:#fff;margin-top:12px;padding:30px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.section-title h2{font-size:28px;margin:8px 0}.section-title button{border:0;border-bottom:1px solid;background:none;font-size:9px}.order-card{display:grid;grid-template-columns:1fr auto;gap:20px;border-top:1px solid #ddd;padding-top:22px}.order-product{display:flex;align-items:center;gap:15px}.order-product>div:last-child{display:grid}.order-product small{font-size:8px;color:#777d8d}.mini-ring{width:70px;height:70px;background:#d9ebff;position:relative}.mini-ring:before,.favorite-art i{content:'';position:absolute;width:35px;height:35px;border:9px solid #f1f3f5;border-radius:50%;inset:18px}.order-meta{display:grid;text-align:left;font-size:9px}.timeline{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);margin-top:15px}.timeline span{border-top:2px solid #d4d5d8;padding-top:12px;font-size:8px}.timeline span.done,.timeline span.active{border-color:#ed716b}.order-list{display:grid;gap:10px}.order-list article{background:#fff;padding:25px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:35px}.order-list h3{margin:10px 0 4px}.order-list small{font-size:8px;color:#777}.order-list button{border:0;background:none;font-size:9px}.status{font-size:8px;padding:4px 9px;border-radius:20px}.processing{background:#fff0b5}.delivered{background:#d9f1e2}.favorite-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.favorite-grid article{background:#fff;padding:10px;position:relative}.favorite-grid article>button{position:absolute;z-index:2;left:16px;top:16px;border:0;background:#fff;width:28px;height:28px;border-radius:50%}.favorite-art{height:260px;background:linear-gradient(145deg,var(--tone),#fff1d5);position:relative}.favorite-art i{width:90px;height:90px;border-width:20px;inset:80px calc(50% - 65px)}.favorite-grid h3{margin:15px 5px 5px}.favorite-grid p{font-size:9px;margin:0 5px 10px}.address-list article{background:#fff;padding:28px;position:relative}.address-list article>span{background:#dcecff;padding:4px 9px;font-size:7px}.address-list p{font-size:10px}.address-list small{font-size:8px}.address-list button{position:absolute;left:20px;top:20px;border:0;background:none;border-bottom:1px solid}.address-form{display:none;background:#fff;padding:25px;margin-top:12px;gap:10px}.address-form.open{display:grid}.address-form input,.address-form textarea,.profile-form input{padding:14px;border:1px solid #d4d5d6;background:#fff}.address-form textarea{height:80px}.address-form div{display:flex;gap:8px}.address-form button,.profile-form button{border:0;background:#30384f;color:#fff;padding:13px 20px}.profile-form{background:#fff;padding:30px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.profile-form label{display:grid;gap:8px;font-size:9px}.profile-form button{grid-column:1/-1;width:max-content}.forgot-modal{position:fixed;z-index:90;inset:0;background:#30384f55;backdrop-filter:blur(10px);display:grid;place-items:center;opacity:0;pointer-events:none;transition:.4s}.forgot-modal.open{opacity:1;pointer-events:auto}.forgot-modal>div{width:min(480px,90%);background:#fffaf3;padding:45px;position:relative}.forgot-modal h2{font-size:40px}.forgot-modal p{font-size:10px;line-height:2}.forgot-close{position:absolute;left:15px;top:15px;border:0;background:none;font-size:22px}.account-toast{position:fixed;z-index:100;bottom:20px;right:50%;translate:50% 90px;background:#30384f;color:#fff;padding:12px 20px;border-radius:40px;font-size:9px;transition:.4s}.account-toast.show{translate:50% 0}#account-fluid{position:fixed;inset:0;width:100%;height:100%;z-index:-1}@keyframes accountMorph{to{transform:rotate(25deg) scale(1.08);border-radius:58% 42% 43% 57%}}@keyframes formIn{from{opacity:0;transform:translateY(25px)}}
@media(max-width:900px){.account-page main{padding:80px 12px 25px}.auth-shell{display:block}.auth-art{min-height:44vh;padding:80px 22px 35px}.auth-art h1{font-size:20vw}.auth-art p{max-width:260px}.auth-jewel{width:70vw;border-width:10vw}.auth-card{padding:40px 20px}.dashboard{margin:-80px -12px -25px}.dashboard.show{display:block}.dash-nav{height:auto;position:relative;padding:18px;display:block}.dash-nav>.brand{display:none}.member{margin:0 0 15px}.dash-nav nav{display:flex;overflow:auto}.dash-nav nav button{white-space:nowrap}.logout{position:absolute;left:18px;top:28px}.dash-content{padding:35px 14px}.dash-top{align-items:flex-start}.dash-top h1{font-size:15vw}.dash-top a{font-size:8px}.stat-grid{grid-template-columns:1fr}.order-card{grid-template-columns:1fr}.order-meta{text-align:right}.timeline{overflow:auto}.timeline span{min-width:90px}.order-list article{grid-template-columns:1fr;gap:10px}.favorite-grid{grid-template-columns:1fr 1fr;gap:7px}.favorite-art{height:48vw}.favorite-art i{width:55px;height:55px;border-width:12px;inset:calc(50% - 38px)}.profile-form{grid-template-columns:1fr}.section-title h2{font-size:22px}}