@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;1,500&display=swap";*{box-sizing:border-box}body{margin:0;background:#f5f5f2;color:#242820;font-family:DM Sans,sans-serif}.app{max-width:1000px;margin:auto;padding:0 42px 90px}header{height:72px;border-bottom:1px solid #e4e5de;display:flex;align-items:center;justify-content:space-between}.brand{font-size:12px;letter-spacing:2px}.brand span{display:inline-grid;place-items:center;border:1px solid #7e8875;border-radius:50%;width:30px;height:30px;font:20px Playfair Display;margin-right:8px}.brand b{font-weight:700}.actions{display:flex;align-items:center;gap:16px}.actions button{border:0;background:none;color:#555f50;position:relative}.actions svg{width:18px}.bell i{position:absolute;background:#b17b5b;width:5px;height:5px;border-radius:50%;right:2px;top:1px}.avatar{width:30px;height:30px;border-radius:50%;background:#dce1d5;display:grid;place-items:center;font-size:12px}.welcome{display:flex;align-items:center;justify-content:space-between;padding:45px 0 30px;overflow:hidden}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#858b7e;font-weight:700;margin:0 0 11px}.welcome h1{font-size:clamp(40px,6vw,56px);line-height:1.03;letter-spacing:-2px;font-weight:500;margin:0}.welcome em,h2 em{font-family:Playfair Display;font-weight:500;color:#78836f}.sub{font-size:12px;color:#858a80;margin-top:14px}.sun{width:160px;height:140px;position:relative;margin-right:70px}.sun i{position:absolute;width:82px;height:82px;border-radius:50%;background:linear-gradient(140deg,#e7d8c3,#bac3ae);top:29px;left:39px;box-shadow:0 12px 40px #c6c9b8}.sun b,.sun span{position:absolute;border:1px solid #c6cbbb;border-radius:50%;width:165px;height:70px;top:35px;left:0;transform:rotate(-25deg)}.sun span{width:130px;height:110px;top:14px;left:17px;transform:rotate(40deg)}.membership{background:#29372f;color:#f4f2e9;border-radius:12px;padding:21px 26px 15px;min-height:180px;box-shadow:0 12px 30px #25312820;position:relative;overflow:hidden}.membership:after{content:"";position:absolute;width:270px;height:270px;border:1px solid #ffffff18;border-radius:50%;right:-80px;top:-145px;box-shadow:0 0 0 24px #ffffff08,0 0 0 52px #ffffff06}.cardtop,.cardfoot,.cardmid{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.cardtop span{font-size:9px;letter-spacing:1.4px;display:flex;align-items:center;gap:7px}.cardtop svg{width:13px}.cardtop small{font-size:8px;color:#cbd8bd;letter-spacing:1px}.cardmid{margin:24px 0}.cardmid h2{font-size:21px;letter-spacing:2px;margin:0;font-weight:500}.cardmid h2 b{font-weight:400;color:#c6cbbd}.cardmid p{font-size:9px;letter-spacing:2px;color:#bac3b5;margin:7px 0 0}.cardmid strong{font:italic 48px Playfair Display;color:#c9d0bf}.cardmid strong span{color:#c39b79}.cardfoot{border-top:1px solid #ffffff25;padding-top:12px;font-size:8px;letter-spacing:1.3px;color:#c4cbbf}.shortcuts{display:grid;grid-template-columns:repeat(4,1fr);padding:24px 0 40px}.shortcuts button{border:0;background:none;display:flex;align-items:center;gap:10px;color:#535a4f;font:500 11px DM Sans;cursor:pointer}.shortcuts i{width:38px;height:38px;border:1px solid #e0e3da;background:#fbfbf8;border-radius:50%;display:grid;place-items:center;color:#78846f}.shortcuts svg{width:16px}.heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:16px}.heading h2,.near h2{font-size:26px;font-weight:500;letter-spacing:-.7px;margin:0}.heading button{border:0;background:none;color:#697660;font:500 11px DM Sans}.offers{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.offers article{border-radius:10px;min-height:205px;padding:16px;position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.coffee{background:#e9e2d7}.move{background:#e1e6dd}.travel{background:#e6e4e9}.offericon{height:60px;display:flex;justify-content:space-between;align-items:center;color:#7c6a57}.move .offericon{color:#70816b}.travel .offericon{color:#77728b}.offericon svg{width:29px}.offericon span{font-size:23px;opacity:.6}.offers .eyebrow{font-size:8px;margin-bottom:7px}.offers h3{font:500 19px/1.2 Playfair Display;margin:0 0 11px;max-width:220px}.offers label{font-size:8px;letter-spacing:1px;border:1px solid #a5a391;padding:5px 7px;display:inline-block}.save{position:absolute;right:10px;top:10px;border:0;background:#fff8;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;color:#59624f}.save svg{width:15px}.edit{margin:44px 0;background:#e7e9e1;border-radius:11px;padding:27px 30px;min-height:205px;display:flex;justify-content:space-between;overflow:hidden}.edit h2{font-size:29px;font-weight:500;line-height:1.12;margin:0}.edit p:not(.eyebrow){font-size:11px;color:#7e8479;margin:11px 0 15px}.edit button{border:0;background:#2d3a31;color:#fff;border-radius:25px;padding:10px 15px;font:500 10px DM Sans}.arch{align-self:end;width:105px;height:155px;border:1px solid #aab49f;border-radius:60px 60px 0 0;background:linear-gradient(#cbd2c2,#adb9a4);margin-right:25px;text-align:center;padding-top:17px;color:#8f9b82;font-size:29px}.near h2{margin-bottom:15px}.near>div{display:flex;align-items:center;gap:12px;border:1px solid #e3e5dd;background:#fbfbf8;border-radius:9px;padding:13px;color:#77816e}.near>div>svg:first-child{width:18px}.near>div>svg:last-child{margin-left:auto;width:17px}.near span{display:flex;flex-direction:column;gap:4px;color:#454c41}.near b{font-size:11px}.near small{font-size:10px;color:#8b9086}nav{position:fixed;bottom:0;left:0;right:0;height:67px;background:#fbfbf8ed;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid #e6e7e0;display:flex;justify-content:center;gap:clamp(25px,8vw,85px);z-index:4}nav button{border:0;background:none;color:#969b91;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:45px}nav svg{width:19px}nav small{font:500 9px DM Sans}nav .active{color:#465541}footer{display:flex;align-items:center;justify-content:center;gap:6px;color:#a0a498;font-size:8px;padding-top:24px}footer svg{width:12px}@media(max-width:650px){.app{padding:0 20px 90px}header{height:64px}.welcome{padding:36px 0 26px}.welcome h1{font-size:44px}.sun{transform:scale(.72);transform-origin:center;margin-right:-28px;width:110px}.sub{max-width:230px;line-height:1.5}.membership{padding:18px 20px 14px;min-height:170px}.shortcuts{padding:21px 0 34px;gap:4px}.shortcuts button{flex-direction:column;gap:7px;font-size:9px}.shortcuts i{width:39px;height:39px}.heading h2,.near h2{font-size:24px}.offers{grid-template-columns:1fr;gap:9px}.offers article{min-height:148px;padding:14px 15px 14px 108px;justify-content:center}.offericon{position:absolute;left:15px;top:38px;width:76px;height:70px;justify-content:center}.offericon span{position:absolute;right:0;top:-15px}.offers h3{font-size:18px}.offers .eyebrow{margin-bottom:6px}.edit{margin:34px 0;padding:23px 19px;min-height:198px}.edit h2{font-size:25px}.arch{width:82px;height:137px;margin-right:-12px}.near small{line-height:1.4;max-width:225px}nav{justify-content:space-around;gap:0}footer{font-size:8px}}@media(prefers-reduced-motion:no-preference){.offers article,button{transition:transform .2s ease}.offers article:hover{transform:translateY(-3px)}}