:root{color-scheme:light;--bg:#f5f7fa;--surface:#fff;--ink:#17202a;--dim:#667085;--line:#dde3ea;--accent:#2f7d70;--accent-dark:#25685e;--tint:#edf5f2;--error:#b42318}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:var(--accent);text-decoration:none}
button,input{font:inherit}
button,a,input{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
button:disabled{cursor:wait;opacity:.6}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #7fbcae;outline-offset:3px}
.site-header{max-width:1280px;margin:0 auto;padding:31px 48px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:baseline;gap:9px;color:var(--ink);font-family:Georgia,serif;font-size:25px;letter-spacing:1.5px;font-weight:700}
.brand span{font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:10px;font-weight:600;letter-spacing:2.2px}
.back-link{color:var(--dim);font-size:13px}
.back-link span{display:inline-block;margin-left:8px;color:var(--accent);font-size:18px}
.account-layout{max-width:1120px;min-height:650px;margin:35px auto 60px;padding:0 48px;display:grid;grid-template-columns:1fr 440px;gap:76px;align-items:start}
.account-intro{padding-top:49px}
.eyebrow{display:block;font-size:10px;font-weight:700;letter-spacing:1.8px;color:var(--accent);line-height:1.5}
h1{font-size:42px;font-weight:600;line-height:1.4;letter-spacing:-2px;margin:23px 0 17px}
.intro-copy{font-size:16px;color:var(--dim);line-height:1.9;margin:0}
.intro-detail{display:flex;align-items:center;gap:14px;margin-top:35px}
.detail-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--tint);color:var(--accent);font-size:22px}
.intro-detail p{font-size:13px;line-height:1.7;color:var(--dim);margin:0}
.architecture{position:relative;width:270px;height:120px;margin-top:58px;border-bottom:1px solid #bfcdc6;overflow:hidden}
.architecture i{position:absolute;display:block;width:126px;height:95px;border:1px solid #bfcdc6;bottom:-1px;left:0;transform:skewY(-10deg);transform-origin:bottom left}
.architecture i:nth-child(2){height:130px;left:83px;width:130px;background:var(--bg)}
.architecture i:nth-child(3){height:64px;left:175px;width:92px;background:var(--bg)}
.architecture span{position:absolute;bottom:14px;left:18px;font-size:8px;letter-spacing:2px;color:#748a80}
.account-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:37px 35px;box-shadow:0 10px 35px #21362806;min-width:0}
h2{font-size:27px;font-weight:650;line-height:1.4;letter-spacing:-.8px;margin:12px 0 10px}
h2:focus{outline:none}
.section-description{font-size:14px;color:var(--dim);line-height:1.8;margin:0 0 27px}
form>label,#invite-field>label{display:block;font-size:13px;font-weight:600;margin:18px 0 7px}
form>label:first-child{margin-top:0}
input:not([type=checkbox]){display:block;width:100%;min-width:0;height:48px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);padding:10px 13px;font-size:16px;transition:border-color .15s}
input:not([type=checkbox]):focus{border-color:var(--accent)}
input::placeholder{color:#99a0ac;font-size:14px}
.optional{font-weight:400;color:var(--dim);font-size:11px;margin-left:5px}
.form-options{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}
.checkbox-label{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--dim);cursor:pointer;min-height:28px}
input[type=checkbox]{width:16px;height:16px;margin:0;accent-color:var(--accent)}
.text-button{border:0;background:none;color:var(--accent);font-weight:600;font-size:13px;padding:7px 0;line-height:1.5}
.text-button:hover{text-decoration:underline;text-underline-offset:3px}
.field-hint{font-size:11px;line-height:1.7;color:var(--dim);margin:7px 0 0}
.primary-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:48px;margin-top:25px;border:0;border-radius:8px;background:var(--accent);color:#fff;font-size:14px;font-weight:650;padding:12px 16px;line-height:1.6}
.primary-button:hover{background:var(--accent-dark)}
.switch-view{border-top:1px solid var(--line);padding-top:20px;margin-top:25px;text-align:center;font-size:12px;color:var(--dim)}
.switch-view .text-button{margin-left:5px}
.notice{border:1px solid #c9e4d9;background:var(--tint);color:#245a4d;border-radius:9px;padding:12px 14px;font-size:13px;line-height:1.75;margin-bottom:23px;overflow-wrap:anywhere}
.notice-error{border-color:#f3d1c8;background:#fff6f3;color:var(--error)}
.availability-note{font-size:12px;color:var(--dim);background:var(--bg);border-radius:8px;padding:12px;margin:23px 0 0}
.email-help{font-size:12px;margin-top:16px}
.member-name{font-size:18px;font-weight:600;margin:21px 0 0;overflow-wrap:anywhere}
.member-email{font-size:13px;color:var(--dim);margin:2px 0 22px;overflow-wrap:anywhere}
.balance-card{padding:20px;background:var(--tint);border:1px solid #dbe9e3;border-radius:12px}
.balance-card>span{font-size:12px;color:var(--accent-dark)}
.balance-card strong{display:block;font-size:29px;line-height:1.5;font-weight:650;color:var(--accent-dark);margin-top:4px;font-variant-numeric:tabular-nums}
.balance-card p{font-size:11px;color:var(--dim);margin:7px 0 0}
.history-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:31px}
.history-heading h3{font-size:13px;margin:0;font-weight:600}
.history-heading>span{font-size:10px;color:var(--dim)}
.history-list{list-style:none;padding:0;margin:10px 0 0;max-height:260px;overflow-y:auto}
.history-list li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid #edf0f2}
.history-description{display:block;font-size:12px}
.history-date{display:block;color:var(--dim);font-size:10px;margin-top:3px}
.history-amount{font-size:13px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}
.history-credit{color:var(--accent)}
.history-empty{font-size:12px;color:var(--dim);text-align:center;padding:23px 0;margin:0}
.account-actions{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:18px;margin-top:17px;flex-wrap:wrap}
.account-actions .text-button{font-size:12px}
.page-footer{max-width:1184px;margin:0 auto;padding:0 48px 26px;font-size:10px;letter-spacing:1.3px;color:#88958f}
.page-footer span{margin-left:15px;letter-spacing:0;color:var(--dim)}
@media(max-width:900px){.account-layout{gap:38px;grid-template-columns:1fr 410px;padding:0 32px}.site-header{padding:28px 32px}h1{font-size:33px}.account-card{padding:32px 28px}.architecture{width:220px}.page-footer{padding-left:32px}}
@media(max-width:700px){.site-header{padding:22px 22px}.brand{font-size:22px;gap:7px}.brand span{font-size:8px;letter-spacing:1.7px}.back-link{font-size:11px}.back-link span{margin-left:3px;font-size:15px}.account-layout{display:block;max-width:490px;padding:0 22px;margin:21px auto 36px;min-height:0}.account-intro{padding-top:0;margin-bottom:27px}.account-intro>.eyebrow{font-size:9px;letter-spacing:1.5px}h1{font-size:28px;line-height:1.4;letter-spacing:-1.2px;margin:12px 0 0}h1 br{display:none}.intro-copy,.intro-detail,.architecture{display:none}.account-card{padding:28px 24px;border-radius:15px}h2{font-size:25px}.section-description{font-size:13px;margin-bottom:24px}.page-footer{text-align:center;padding:0 20px 24px;font-size:9px}.page-footer span{display:block;margin:4px 0 0;font-size:10px}.form-options .text-button,.checkbox-label{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}