body>header{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand member" "badge badge" "nav nav";align-items:center;gap:16px 24px}
body>header>.brand{grid-area:brand}body>header>nav{grid-area:nav}body>header>.badge{grid-area:badge}
.site-account{grid-area:member;display:flex;align-items:center;justify-content:flex-end;gap:16px;min-width:0;justify-self:end;font:14px/1.6 'Segoe UI','Microsoft JhengHei',sans-serif}
.site-account a,.site-account button{color:#73558e;background:none;border:0;padding:8px 0;font:inherit;text-decoration:none;cursor:pointer}.site-account a:hover,.site-account button:hover{text-decoration:underline}.site-account-name{max-width:180px;overflow-wrap:anywhere;color:#52647a}
@media(max-width:600px){body>header{gap:14px 10px}.site-account{font-size:12px;gap:10px;max-width:200px;flex-wrap:wrap}.site-account-name{max-width:130px}}
.account-modal{width:min(560px,calc(100vw - 32px));max-height:85vh;overflow:auto;border:1px solid #d8dfd7;border-radius:22px;padding:28px;color:#243b36;background:#fff;box-shadow:0 24px 80px #162f3030}.account-modal::backdrop{background:#142e304d;backdrop-filter:blur(3px)}.account-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.account-heading h2{margin:0;font-size:25px}.account-modal form{display:grid;gap:18px}.account-modal label{display:grid;gap:8px}.account-modal input:not([type=checkbox]),.account-modal textarea{box-sizing:border-box;width:100%;min-height:46px;border:1px solid #bdcbbf;border-radius:9px;padding:12px;font:inherit}.account-modal button{cursor:pointer;border:1px solid #cdd6cf;border-radius:10px;background:#f2f5ef;color:#264d3b;padding:11px 17px;font:inherit;margin:5px 8px 5px 0}.account-modal button[type=submit]{background:#315a43;color:white}.account-modal button:disabled{opacity:.5;cursor:wait}.account-modal a{color:#29629b;display:inline-block;margin:10px 10px 10px 0}.account-modal p{line-height:1.65;overflow-wrap:anywhere}.account-modal .account-consent{display:flex;align-items:center}.account-message{color:#a02c38}.account-order{border:1px solid #d9e0d6;padding:18px;border-radius:14px;margin-bottom:16px}.account-order small{display:block;overflow-wrap:anywhere}.account-notice{background:#fff5dd;padding:14px;border-radius:10px}.site-account button{cursor:pointer}@media(max-width:600px){.account-modal{padding:20px}.site-account{flex-wrap:wrap;justify-content:flex-end;gap:10px}}
.account-modal .account-heading button{width:auto;flex:0 0 auto;margin:0;padding:8px 12px}.account-heading h2{white-space:nowrap}.site-account button{width:auto}.account-modal button{max-width:100%}.account-modal textarea{min-height:90px;resize:vertical;overflow-wrap:anywhere}
.human-check{width:min(380px,calc(100vw - 48px));padding:24px;border:1px solid #d7dfd8;border-radius:18px;background:white;color:#253d33;box-shadow:0 20px 70px #142d3030}.human-check::backdrop{background:#16382d55}.human-check h2{font-size:23px;margin:0 0 16px}.human-check p{font-size:15px;line-height:1.7}.human-check button{margin-top:20px;padding:10px 20px;border:1px solid #cedace;border-radius:9px;cursor:pointer}
