/* Account surfaces inherit Causa's shipping Emerald tokens in both themes. */
.acct-portal{padding:1.6rem 0 3rem;position:relative;isolation:isolate;overflow:clip;--acct-glow-low:.2;--acct-glow-high:.42;}
.acct-portal::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 18% 24%,color-mix(in srgb,var(--accent) 7%,transparent),transparent 47%);}
.acct-topline{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:3.5rem;color:var(--text-muted);font-size:.8125rem;}
.acct-topline>a{padding:.5rem 0;transition:color var(--dur-base);}
.acct-topline>a:hover{color:var(--accent);}
.acct-topline>span{font:500 .625rem var(--font-mono);letter-spacing:.14em;}
.acct-layout{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,1fr);align-items:start;gap:clamp(2.5rem,7vw,7rem);}
.acct-intro{padding-top:1.35rem;}
.acct-intro .eyebrow{display:flex;align-items:center;gap:.65rem;margin-bottom:1.7rem;}
.acct-dot{position:relative;width:.42rem;height:.42rem;border-radius:50%;background:var(--accent);box-shadow:0 0 .65rem color-mix(in srgb,var(--accent) 42%,transparent);}
.acct-dot::after{content:"";position:absolute;inset:-.3rem;border:1px solid var(--accent);border-radius:50%;opacity:0;pointer-events:none;}
.acct-intro h1{font-size:clamp(2.75rem,4.4vw,4.5rem);line-height:1.06;letter-spacing:-.045em;text-wrap:initial;}
.acct-intro h1 span{color:var(--accent);}
.acct-title-accent{position:relative;display:inline-block;isolation:isolate;}
.acct-title-aura{position:absolute;inset:0;z-index:-1;filter:blur(.65rem);opacity:var(--acct-glow-low);pointer-events:none;user-select:none;}
.acct-intro-copy{font-size:1rem;line-height:1.7;color:var(--text-muted);margin-top:1.5rem;}
.acct-benefits{display:grid;gap:1.45rem;margin-top:2.7rem;}
.acct-benefits li{display:flex;gap:1rem;align-items:center;}
.acct-feature-icon{display:grid;place-items:center;width:2.7rem;height:2.7rem;flex:none;background:var(--surface-muted);border:1px solid var(--border-subtle);border-radius:.85rem;color:var(--accent);}
.acct-feature-icon{transition:transform var(--dur-base) var(--ease-out),border-color var(--dur-base),background var(--dur-base);}
.acct-feature-icon svg,.acct-access-label svg,.acct-mail-icon svg{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}
.acct-benefits h2{font:600 .9375rem/1.4 var(--font-ui);letter-spacing:-.01em;}
.acct-benefits p{font-size:.8125rem;line-height:1.5;color:var(--text-muted);margin-top:.2rem;}
.acct-signature{display:flex;align-items:center;gap:.65rem;margin-top:2.75rem;color:var(--text-muted);font-size:.75rem;}
.acct-signature .brand-mark{width:1.6rem;height:1.6rem;}
.acct-access{position:relative;isolation:isolate;border:1px solid color-mix(in srgb,var(--accent) 16%,var(--border-subtle));border-radius:var(--radius);background:var(--surface-glass);overflow:hidden;padding:0 clamp(1.5rem,3vw,2.5rem) 1.5rem;box-shadow:0 1.25rem 4rem color-mix(in srgb,var(--accent) 3%,transparent);transition:border-color var(--dur-base),box-shadow var(--dur-base);}
.acct-access:before{content:"";position:absolute;top:0;left:2.5rem;right:2.5rem;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.65;}
.acct-access::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--accent) 7%,transparent),transparent 54%);}
.acct-access:focus-within{border-color:color-mix(in srgb,var(--accent) 42%,var(--border-subtle));box-shadow:0 0 2.5rem color-mix(in srgb,var(--accent) 6%,transparent);}
.acct-access-top{display:flex;justify-content:space-between;align-items:center;padding:1.45rem 0;border-bottom:1px solid var(--border-subtle);margin-bottom:2rem;gap:1rem;}
.acct-access-label{display:flex;align-items:center;gap:.55rem;font-size:.75rem;color:var(--text-muted);}
.acct-access-label svg{width:1rem;height:1rem;color:var(--accent);}
.acct-access-mail{display:grid;place-items:center;width:1.85rem;height:1.85rem;background:color-mix(in srgb,var(--accent) 9%,transparent);border:1px solid color-mix(in srgb,var(--accent) 15%,transparent);border-radius:.6rem;}
.acct-step{font:500 .625rem var(--font-mono);color:var(--text-muted);letter-spacing:.1em;}
.acct-form{max-width:none;gap:1.35rem;}
.acct-form-heading h2,.acct-sent h2,.acct-in h2{font-size:clamp(1.9rem,2.6vw,2.45rem);line-height:1.15;letter-spacing:-.035em;margin-bottom:.8rem;}
.acct-form-heading>p,.acct-sent>p,.acct-in>p:not(.eyebrow){color:var(--text-muted);font-size:.875rem;line-height:1.65;}
.acct-form-heading{margin-bottom:.4rem;}
.acct-form .field{gap:.6rem;}
.acct-form .field>label{font:600 .8125rem var(--font-ui);letter-spacing:0;text-transform:none;color:var(--text-primary);}
.acct-portal input:not([type=checkbox]):not([type=radio]),.acct-workspace input:not([type=checkbox]):not([type=radio]),.acct-workspace select{width:100%;min-height:3.25rem;padding:.85rem 1rem;font:400 1rem var(--font-body);background:var(--surface-page);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);transition:border-color var(--dur-base),box-shadow var(--dur-base);}
.acct-portal input::placeholder{color:var(--text-muted);opacity:.8;}
.acct-portal input:hover,.acct-workspace input:hover{border-color:var(--text-muted);}
.acct-portal input:focus,.acct-workspace input:focus{border-color:var(--accent);outline:2px solid var(--focus-ring);outline-offset:3px;}
.acct-portal input[aria-invalid=true]{border-color:var(--danger);}
.acct-form .hint{font-size:.75rem;line-height:1.5;}
.acct-submit{position:relative;isolation:isolate;overflow:hidden;width:100%;min-height:3.25rem;justify-content:space-between;padding:.85rem 1.1rem;font:600 .875rem var(--font-ui);text-transform:none;letter-spacing:0;border-radius:var(--radius-sm);transition:background var(--dur-base),transform var(--dur-base),box-shadow var(--dur-base);}
.acct-submit::before{content:"";position:absolute;top:-60%;bottom:-60%;left:0;width:40%;z-index:-1;pointer-events:none;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--text-primary) 23%,transparent),transparent);transform:translateX(-180%) skewX(-22deg);transition:transform 650ms var(--ease-out);}
.acct-submit:hover{transform:translateY(-1px);}
.acct-submit:active{transform:translateY(1px);}
.acct-submit:disabled{opacity:.65;cursor:wait;transform:none;}
.acct-submit>span:last-child{font-size:1.25rem;transition:transform var(--dur-base) var(--ease-out);}
.acct-submit:focus-visible:not(:disabled)::before{transform:translateX(360%) skewX(-22deg);}
.acct-submit:focus-visible:not(:disabled)>span:last-child{transform:translateX(.2rem);}
.acct-link-note{font-size:.6875rem;text-align:center;color:var(--text-muted);margin-top:-.65rem;}
.acct-access .form-status:empty{display:none;}
.acct-access .form-status:not(:empty){margin-top:1.2rem;padding:.85rem 1rem;border:1px solid var(--border-subtle);border-radius:.75rem;background:var(--surface-page);line-height:1.6;}
.acct-portal .form-status.is-bad,.acct-workspace .form-status.is-bad{color:var(--danger);}
.acct-new-note{margin-top:2rem;padding-top:1.45rem;border-top:1px solid var(--border-subtle);}
.acct-new-note>span{font:600 .8125rem var(--font-ui);}
.acct-new-note>p{color:var(--text-muted);font-size:.75rem;line-height:1.65;margin-top:.4rem;}
.acct-privacy{font-size:.6875rem;line-height:1.7;color:var(--text-muted);margin-top:1.25rem;}
.acct-privacy a{white-space:nowrap;text-decoration:underline;text-underline-offset:.2em;}
.acct-assistance{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-top:3.25rem;padding:1.4rem 0;border-top:1px solid var(--border-subtle);font-size:.8125rem;line-height:1.7;}
.acct-assistance p{display:flex;flex-wrap:wrap;gap:.4rem .7rem;}
.acct-assistance span{color:var(--text-muted);}
.acct-assistance a{color:var(--text-primary);font-weight:500;}
.acct-assistance a:hover,.acct-privacy a:hover{color:var(--accent);}
.acct-portal .ruo-line{max-width:78ch;margin-top:.65rem;font-size:.5625rem;line-height:1.8;}
.acct-sent{display:grid;gap:1.15rem;}
.acct-mail-icon{display:grid;place-items:center;width:3rem;height:3rem;border-radius:1rem;color:var(--accent);background:var(--surface-muted);}
.acct-mail-icon svg{width:1.55rem;height:1.55rem;}
.acct-sent h2{margin:0;}
.acct-sent strong{color:var(--text-primary);font-weight:500;overflow-wrap:anywhere;}
.acct-inbox-help{padding:1rem;background:var(--surface-muted);border-radius:var(--radius-sm);font-size:.8125rem;line-height:1.6;}
.acct-inbox-help p{color:var(--text-muted);}
.acct-sent>.btn{font-size:.75rem;text-transform:none;letter-spacing:0;min-height:2.75rem;}
.acct-in #acct-who{overflow-wrap:anywhere;margin-bottom:1.5rem;}
.acct-account-link{display:flex;gap:1rem;align-items:center;justify-content:space-between;padding:1.2rem 0;border-top:1px solid var(--border-subtle);transition:color var(--dur-base);}
.acct-account-link b{font:600 .9375rem var(--font-ui);}
.acct-account-link small{display:block;font-size:.75rem;color:var(--text-muted);margin-top:.4rem;}
.acct-account-link>span:last-child{color:var(--accent);}
.acct-account-link>span:last-child{transition:transform var(--dur-base) var(--ease-out);}
.acct-account-link:hover{color:var(--accent);}
.acct-account-link:hover>span:last-child,.acct-account-link:focus-visible>span:last-child{transform:translateX(.25rem);}
.acct-portal[data-auth=in] .acct-new-note,.acct-portal[data-auth=in] .acct-step{display:none;}
.acct-nav{gap:.5rem;padding:.5rem;background:var(--surface-muted);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);margin:0 0 2.5rem;}
.acct-nav a{font:600 .8125rem var(--font-ui);padding:.75rem 1rem;border-radius:.65rem;transition:background var(--dur-base),color var(--dur-base);}
.acct-nav a[aria-current=page]{color:var(--accent);background:var(--surface-page);}
.acct-nav a:hover{background:var(--surface-glass);}
.acct-nav .btn{font-size:.6875rem;min-height:2.65rem;margin-left:auto;}
.acct-workspace{padding-block:3.25rem;}
.acct-workspace .acct{max-width:70rem;}
.acct-workspace .section-lede{max-width:58ch;margin-top:1rem;margin-bottom:2.25rem;}
.acct-workspace .acct-body{padding:clamp(1.25rem,3vw,2.5rem);border:1px solid var(--border-subtle);border-radius:var(--radius);background:var(--surface-glass);}
.acct-workspace .acct-anon{background:var(--surface-glass);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:2rem;}
.acct-workspace .acct-order{padding:1.5rem;background:var(--surface-page);}
.acct-workspace .acct-order:last-child{margin-bottom:0;}
.acct-workspace .acct-order-head{padding-bottom:1rem;border-bottom:1px solid var(--border-subtle);}
.acct-workspace .acct-lines{gap:1rem;margin-block:1.25rem;}
.acct-workspace .acct-order-total{font-size:1.3rem;}
.acct-workspace .acct-line{gap:1rem;}
.acct-workspace .acct-form,.acct-workspace .acct-box{max-width:42rem;}
.acct-workspace #acct-status:not(:empty){margin-top:1rem;}
.acct-workspace .acct-danger{margin-top:2rem;}
.acct-empty{display:grid;justify-items:start;gap:.75rem;padding:2rem 0;}
.acct-empty h2{font-size:1.5rem;}
.acct-empty p{color:var(--text-muted);max-width:45ch;line-height:1.6;}
.acct-empty .btn{margin-top:.5rem;}
/* Brief entrances and a finite glow keep the page calm once the form is ready. */
@keyframes acct-enter{from{opacity:0;transform:translateY(.65rem);}to{opacity:1;transform:translateY(0);}}
@keyframes acct-glow{0%,100%{opacity:var(--acct-glow-low);}50%{opacity:var(--acct-glow-high);}}
@keyframes acct-signal{0%{opacity:.5;transform:scale(.45);}100%{opacity:0;transform:scale(1.4);}}
@keyframes acct-line{from{opacity:0;transform:scaleX(.35);}to{opacity:.65;transform:scaleX(1);}}
@keyframes acct-mail-arrive{from{opacity:0;transform:translateY(.25rem) rotate(-8deg);}to{opacity:1;transform:translateY(0) rotate(0);}}
@media(prefers-reduced-motion:no-preference){
  .acct-intro>.eyebrow,.acct-intro>h1,.acct-intro-copy,.acct-benefits li,.acct-signature,.acct-access{animation:acct-enter 650ms var(--ease-out) both;}
  .acct-intro>h1{animation-delay:60ms;}.acct-intro-copy{animation-delay:120ms;}.acct-access{animation-delay:100ms;}
  .acct-benefits li:nth-child(1){animation-delay:180ms;}.acct-benefits li:nth-child(2){animation-delay:240ms;}.acct-benefits li:nth-child(3){animation-delay:300ms;}.acct-signature{animation-delay:360ms;}
  .acct-title-aura{animation:acct-glow 2200ms ease-in-out 2;}.acct-dot::after{animation:acct-signal 1600ms var(--ease-out) 2;}
  .acct-access::before{animation:acct-line 1100ms var(--ease-out) 250ms both;}
  .acct-sent:not([hidden]) .acct-mail-icon svg{animation:acct-mail-arrive 500ms var(--ease-out);}
  html.gate-open .acct-portal *,html.gate-open .acct-portal *::before,html.gate-open .acct-portal *::after{animation-play-state:paused!important;}
}
@media(hover:hover) and (pointer:fine){
  .acct-benefits li:hover .acct-feature-icon{transform:translateY(-2px) rotate(-3deg);background:color-mix(in srgb,var(--accent) 9%,var(--surface-page));border-color:color-mix(in srgb,var(--accent) 35%,var(--border-subtle));}
  .acct-submit:hover:not(:disabled){box-shadow:0 .35rem 1.5rem color-mix(in srgb,var(--accent) 20%,transparent);}
  .acct-submit:hover:not(:disabled)::before{transform:translateX(360%) skewX(-22deg);}
  .acct-submit:hover:not(:disabled)>span:last-child{transform:translateX(.25rem);}
  .acct-access:hover{border-color:color-mix(in srgb,var(--accent) 28%,var(--border-subtle));}
}
html[data-theme=light] .acct-portal{--acct-glow-low:.05;--acct-glow-high:.12;}
html[data-theme=light] .acct-portal::before{opacity:.4;}
html[data-theme=light] .acct-access::after{opacity:.45;}
@media(min-width:1500px){.acct-portal{padding-top:2rem;}.acct-topline{margin-bottom:4rem;}}
@media(max-width:900px){.acct-layout{gap:2rem;grid-template-columns:minmax(0,1fr) minmax(0,1fr);}.acct-intro h1{font-size:2.8rem;}.acct-benefits p{font-size:.75rem;}.acct-assistance{align-items:start;}}
@media(max-width:680px){.acct-portal{padding-top:1rem;}.acct-topline{margin-bottom:1.5rem;font-size:.75rem;}.acct-topline>span{font-size:.5625rem;}.acct-layout{grid-template-columns:minmax(0,1fr);gap:1.7rem;}.acct-intro{padding-top:.5rem;}.acct-intro .eyebrow{margin-bottom:1rem;font-size:.625rem;}.acct-intro h1{font-size:clamp(2.35rem,8vw,3.5rem);}.acct-intro-copy{font-size:.875rem;line-height:1.6;margin-top:1rem;}.acct-benefits,.acct-signature{display:none;}.acct-access{padding-inline:1.4rem;}.acct-access-top{padding-block:1.15rem;margin-bottom:1.5rem;}.acct-form-heading h2{font-size:1.85rem;}.acct-new-note{margin-top:1.5rem;}.acct-assistance{flex-direction:column;gap:.6rem;margin-top:1.75rem;padding-block:1.1rem;}.acct-assistance p{justify-content:space-between;width:100%;font-size:.75rem;}.acct-portal .ruo-line{font-size:.5rem;}.acct-nav{gap:.25rem;margin-bottom:1.5rem;}.acct-nav a{font-size:.75rem;padding:.7rem;}.acct-nav .btn{font-size:.6rem;}.acct-workspace{padding-block:2rem;}.acct-workspace .acct-order{padding:1rem;}.acct-workspace .acct-line{flex-wrap:wrap;}.acct-workspace .acct-line-main{flex-basis:calc(100% - 4rem);}.acct-workspace .acct-line-price{margin-left:auto;}.acct-workspace .acct-order .btn{margin-top:.4rem;}}
@media(prefers-reduced-motion:reduce){.acct-portal *,.acct-portal *::before,.acct-portal *::after,.acct-workspace *{animation:none!important;transition:none!important;}.acct-submit:hover,.acct-submit:active,.acct-submit>span:last-child,.acct-benefits li:hover .acct-feature-icon,.acct-account-link>span:last-child{transform:none!important;}.acct-submit::before{display:none;}}