/* Account pages: same structure as Atlas (green side panel with stat tiles and perks; white form column), in Twende colours */
*,*::before,*::after{box-sizing:border-box}
body.au-body{margin:0;font:16px/1.6 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#171717;background:#fff;-webkit-font-smoothing:antialiased}
a{color:#006600;text-underline-offset:3px}a:hover{color:#004a00}
.au{min-height:100vh;display:grid;grid-template-columns:minmax(340px,5fr) 7fr}
.au-side{position:relative;overflow:hidden;background:#006600;color:#fff;padding:2.5rem 3rem 2.2rem;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}
.au-side::before{content:"";position:absolute;inset:0;z-index:-1;background:#fff;opacity:.055;-webkit-mask:url(../img/site/flower.svg) 0 0/92px 92px repeat;mask:url(../img/site/flower.svg) 0 0/92px 92px repeat}
.au-side::after{content:"";position:absolute;right:-120px;bottom:-120px;width:380px;height:380px;border-radius:50%;border:60px solid rgba(255,255,255,.07);z-index:-1}
.au-brand img{height:52px;width:auto;display:block}
.au-side h2{color:#fff;font-size:1.9rem;font-weight:780;line-height:1.2;margin:1.8rem 0 .9rem;letter-spacing:-.02em}
.au-side .lead{color:rgba(255,255,255,.86);font-size:.98rem;margin:0}
.au-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin:1.4rem 0}
.au-stats div{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:.8rem;padding:.7rem .8rem}
.au-stats strong{display:block;font-size:1.15rem;font-weight:780}.au-stats span{display:block;font-size:.62rem;text-transform:uppercase;letter-spacing:.07em;opacity:.82;line-height:1.4;margin-top:.15rem}
.au-perks{list-style:none;margin:0;padding:0}.au-perks li{position:relative;padding:.3rem 0 .3rem 1.7rem;font-size:.88rem;color:rgba(255,255,255,.94)}
.au-perks li::before{content:"";position:absolute;left:0;top:.42rem;width:18px;height:18px;border-radius:50%;background:#2ea043 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12.5l4.5 4.5L19 7.5'/></svg>") center/11px no-repeat}
.au-main{padding:3rem clamp(1.25rem,5vw,4.5rem);display:flex;align-items:center;justify-content:center}
.au-box{width:100%;max-width:660px}.au-box.narrow{max-width:440px}
.au-box h1{font-size:1.65rem;font-weight:780;letter-spacing:-.02em;margin:0 0 .35rem}.sub{color:#6b7280;margin:0 0 1.5rem}
label{display:block;font-weight:600;font-size:.88rem;margin-bottom:.3rem}
input:not([type]),input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],input[type=search],select,textarea{width:100%;font:500 .96rem Inter,sans-serif;padding:.62rem .8rem;border:1px solid #d1d5db;border-radius:.6rem;background:#fff;color:#171717;transition:border-color .15s,box-shadow .15s}
input:not([type]):focus,input:focus,select:focus,textarea:focus{outline:0;border-color:#006600;box-shadow:0 0 0 3px rgba(0,102,0,.16)}
input.bad,select.bad,textarea.bad{border-color:#bd0000}.err{color:#bd0000;font-size:.82rem;margin-top:.25rem}
.mb{margin-bottom:1rem}.mb4{margin-bottom:1.5rem}.mt4{margin-top:1.5rem}.center{text-align:center}.small{font-size:.85rem}.strong{font-weight:650}.hint{color:#6b7280;font-size:.8rem;margin-top:.25rem}.opt{color:#6b7280;font-weight:400}
.between{display:flex;justify-content:space-between;align-items:center;gap:1rem}
.chk{display:flex;gap:.55rem;align-items:flex-start;font-weight:400;font-size:.92rem;margin:0}.chk input{margin-top:.28rem;accent-color:#006600;flex:none}
.au-btn{display:flex;width:100%;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.15rem;border:1px solid #006600;border-radius:.6rem;background:#006600;color:#fff;font:600 1rem Inter,sans-serif;cursor:pointer;transition:background-color .15s}.au-btn:hover{background:#004a00}
fieldset{border:1px solid #e5e7eb;border-radius:.9rem;padding:1.1rem 1.2rem 1rem;margin:0 0 1.1rem;background:#fcfdfc}
legend{font-size:.72rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase;color:#006600;padding:0 .5rem}
.row{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}.row .full{grid-column:1/-1}
.checks{display:grid;grid-template-columns:1fr 1fr;gap:.45rem .9rem;margin-bottom:1rem}
.bar{height:5px;border-radius:9px;background:#e5e7eb;margin-top:.5rem;overflow:hidden}.bar span{display:block;height:100%;width:0;transition:width .25s,background .25s}
.au-alert{border-radius:.6rem;padding:.7rem .9rem;margin-bottom:1rem;font-size:.92rem}.au-alert.ok{background:#e8f3e8;color:#0b4a0b}.au-alert.bad{background:#fdeaea;color:#8f0000}
.au-foot{text-align:center;color:#6b7280;font-size:.82rem;margin:2rem 0 0}
@media(min-width:992px){.au{height:100vh;overflow:hidden}.au-main{overflow-y:auto;align-items:flex-start;scrollbar-gutter:stable}.au-box{margin:auto}.au-side{padding:2rem 2.4rem 1.6rem}.au-brand img{height:44px}.au-side h2{font-size:1.5rem;margin:1.2rem 0 .6rem}.au-side .lead{font-size:.9rem}}
@media(max-width:991px){.au{grid-template-columns:1fr}.au-side{padding:1.6rem 1.4rem}.au-side h2{font-size:1.35rem}.au-stats,.au-perks{display:none}.row,.checks{grid-template-columns:1fr}}
