.member-page{color:#172033;background:#f6f5f1;min-height:100vh}.member-page header{color:#fff;background:#18143a;justify-content:space-between;align-items:center;height:76px;padding:0 max(5vw,24px);display:flex;position:static}.member-brand{color:#fff;align-items:center;gap:10px;text-decoration:none;display:flex}.member-brand img{object-fit:contain;width:52px;height:52px}.member-brand span>*{display:block}.member-brand b{letter-spacing:.1em;font-size:13px}.member-brand small{color:#ffffff80;margin-top:3px;font-size:9px}.member-page header>div{align-items:center;gap:12px;display:flex}.member-page header a{color:#fff;font-size:12px;font-weight:800;text-decoration:none}.member-page header button{color:#fff;background:0 0;border:1px solid #ffffff30;border-radius:99px;align-items:center;gap:6px;padding:9px 14px;font-size:11px;display:flex}.member-page header svg{width:14px}.member-hero{color:#fff;background:linear-gradient(105deg,#18143a,#34256d);padding:28px max(8vw,30px) 48px}.member-hero>a{color:#ffffff80;align-items:center;gap:7px;font-size:11px;text-decoration:none;display:inline-flex}.member-hero>a svg{width:15px}.member-hero>div{align-items:center;gap:18px;margin-top:30px;display:flex}.avatar{color:#18143a;background:#ffd32a;border-radius:50%;place-items:center;width:66px;height:66px;font-size:20px;font-weight:900;display:grid}.member-hero small{letter-spacing:.13em;color:#ffffff70;font-size:9px;font-weight:900}.member-hero h1{margin:5px 0;font-size:30px}.member-hero p{color:#ffffff80;margin:0;font-size:11px}.member-layout{grid-template-columns:220px 1fr;gap:18px;max-width:1120px;margin:-20px auto 60px;padding:0 20px;display:grid;position:relative}.member-layout>aside,.member-content{background:#fff;border:1px solid #e4e1d9;border-radius:17px}.member-layout>aside{height:max-content;padding:14px}.member-layout>aside>button{color:#77718f;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;width:100%;padding:12px;font-size:11px;font-weight:800;display:flex}.member-layout>aside>button svg{width:17px}.member-layout>aside>button.active{color:#6d3de7;background:#f1ecff}.member-layout>aside>a{color:#fff;background:#18143a;border-radius:12px;margin-top:16px;padding:14px;text-decoration:none;display:block}.member-layout>aside>a>*{display:block}.member-layout>aside>a span{font-size:10px;font-weight:900}.member-layout>aside>a small{color:#ffd32a;margin-top:5px;font-size:9px}.member-content{min-height:470px;padding:26px}.member-title{border-bottom:1px solid #e9e6de;justify-content:space-between;align-items:center;padding-bottom:18px;display:flex}.member-title small{color:#77718f;letter-spacing:.12em;font-size:9px;font-weight:900}.member-title h2{margin:4px 0;font-size:23px}.member-title>a,.empty-member button,.member-content form button{color:#fff;background:#6d3de7;border:0;border-radius:9px;padding:11px 14px;font-size:10px;font-weight:900;text-decoration:none}.booking-cards{gap:12px;margin-top:20px;display:grid}.booking-cards article{border:1px solid #e7e4dc;border-radius:14px;grid-template-columns:110px 1fr auto;align-items:center;gap:15px;padding:12px;display:grid}.booking-cards img{object-fit:cover;border-radius:10px;width:110px;height:100px}.booking-cards article>div:nth-child(2)>small{color:#6d3de7;font-size:9px;font-weight:900}.booking-cards h3{margin:5px 0 9px;font-size:15px}.booking-cards p{color:#77718f;align-items:center;gap:6px;margin:5px 0;font-size:10px;display:flex}.booking-cards p svg{width:13px}.booking-cards article>div:nth-child(2)>span{font-size:10px;font-weight:800}.booking-cards article>div:last-child{text-align:right}.booking-cards article>div:last-child>b{color:#158557;background:#e6f6ef;border-radius:99px;width:max-content;margin-left:auto;padding:5px 8px;font-size:9px;display:block}.booking-cards article>div:last-child>b.past{color:#77718f;background:#eeeef2}.booking-cards article>div:last-child>button{color:#6d3de7;background:0 0;border:0;align-items:center;margin-top:25px;font-size:9px;font-weight:900;display:flex}.booking-cards article>div:last-child svg{width:13px}.empty-member{text-align:center;padding:75px 20px}.empty-member>svg{color:#6d3de7;width:48px;height:48px}.empty-member p{color:#77718f;font-size:12px}.loyalty-card{color:#fff;background:linear-gradient(115deg,#18143a,#3a277d);border-radius:17px;padding:25px}.loyalty-card>div:first-child{gap:15px;display:flex}.loyalty-card svg{color:#ffd32a;width:34px}.loyalty-card span>*{display:block}.loyalty-card small{color:#ffffff80;letter-spacing:.1em;font-size:9px}.loyalty-card strong{margin:5px 0;font-size:28px}.loyalty-card p{color:#ffffff80;font-size:10px}.loyalty-bar{background:#ffffff20;border-radius:99px;height:8px;margin-top:20px;overflow:hidden}.loyalty-bar i{background:#ffd32a;width:68%;height:100%;display:block}.loyalty-card>small{text-align:right;margin-top:7px;display:block}.subhead{margin-top:25px;font-size:17px}.benefits{grid-template-columns:1fr 1fr;gap:12px;display:grid}.benefits article{border:1px solid #e6e3db;border-radius:13px;gap:12px;padding:16px;display:flex}.benefits article>b{color:#6d3de7;font-size:18px}.benefits span>*{display:block}.benefits strong{font-size:11px}.benefits small{color:#77718f;margin-top:4px;font-size:9px}.member-content form{grid-template-columns:1fr 1fr;gap:15px;margin-top:22px;display:grid}.member-content form label{font-size:10px;font-weight:900}.member-content form input{border:1px solid #dedbd2;border-radius:10px;width:100%;margin-top:7px;padding:12px;display:block}.member-content form button{grid-column:1/-1;width:max-content}.member-toast{color:#fff;background:#18143a;border-radius:12px;padding:14px 18px;font-size:11px;font-weight:800;position:fixed;bottom:24px;right:24px;box-shadow:0 15px 40px #18143a40}.member-link{align-items:center;text-decoration:none;display:inline-flex!important}.actions a.member-link{color:#fff;background:0 0;border-radius:99px;padding:11px 20px;font-weight:800;border:1px solid #ffffff40!important}@media (max-width:700px){.member-page header>div>a{display:none}.member-layout{grid-template-columns:1fr}.member-layout>aside{grid-template-columns:repeat(2,1fr);display:grid}.member-layout>aside>a{margin:5px}.booking-cards article{grid-template-columns:80px 1fr}.booking-cards img{width:80px;height:80px}.booking-cards article>div:last-child{grid-column:1/-1;justify-content:space-between;display:flex}.booking-cards article>div:last-child>button{margin-top:0}.benefits,.member-content form{grid-template-columns:1fr}.member-content{padding:18px}}
