.account-hero button.rounded-2xl{background-color:color-mix(in srgb, var(--color-brand) 16%, #fff);width:84px;height:84px;box-shadow:0 0 0 2px var(--color-brand), 0 0 0 7px color-mix(in srgb, var(--color-brand) 18%, transparent), 0 22px 40px -16px var(--color-brand);border-radius:26px}.account-hero button.rounded-2xl span.text-accent{color:var(--color-brand-deep);font-family:var(--font-display);font-size:34px}.account-hero .absolute.-bottom-1{width:28px;height:28px;bottom:-6px;right:-6px}@media (min-width:640px){.account-hero button.rounded-2xl{border-radius:38px;width:124px;height:124px}.account-hero button.rounded-2xl span.text-accent{font-size:52px}}.account-bento{grid-template-columns:minmax(0,1fr);grid-auto-flow:dense;gap:14px;display:grid}.account-bento .bento-title{font-size:20px}.account-bento .bento-brand .bento-title{font-size:26px}@media (min-width:640px){.account-bento{grid-template-columns:repeat(2,minmax(0,1fr))}.account-bento .bento-brand:first-child{grid-column:span 2}}@media (min-width:640px) and (max-width:1023.98px){.account-bento .bento-night:last-child:nth-child(odd),.account-bento .bento-night:nth-child(4):last-child{grid-column:span 2}}@media (min-width:1024px){.account-bento{grid-template-columns:repeat(4,minmax(0,1fr))}.account-bento .bento-brand{grid-area:span 2/span 2;padding:28px}.account-bento .bento-brand .bento-title{font-size:38px}.account-bento .bento-brand .bento-title+span{font-size:14.5px}.account-bento{grid-auto-rows:minmax(150px,auto)}.account-bento .bento-night:nth-child(4):last-child{grid-column:span 2}.account-bento .bento-night:nth-child(2):last-child{grid-area:span 2/span 2}}.account-companies h2{font-family:var(--font-label);letter-spacing:.14em;color:var(--color-tx2);align-items:center;gap:10px;font-size:11.5px;display:flex}.account-companies h2:before{content:"";background:var(--color-brand);border-radius:999px;width:20px;height:3px}.account-screen .rounded-2xl{border-radius:22px}.account-screen .rounded-xl{border-radius:14px}.account-screen h2.uppercase{font-family:var(--font-label);letter-spacing:.14em;color:var(--color-tx2);align-items:center;gap:10px;font-size:11.5px;display:flex}.account-screen h2.uppercase:before{content:"";background:var(--color-brand);border-radius:999px;flex-shrink:0;width:20px;height:3px}.account-screen h2:not(.uppercase),.account-screen h3{font-family:var(--font-display);letter-spacing:-.02em;font-weight:800}.account-screen p.uppercase{font-family:var(--font-label);letter-spacing:.12em}.account-screen button.bg-accent,.account-screen a.bg-accent{font-family:var(--font-display);letter-spacing:-.01em;box-shadow:0 14px 30px -18px var(--color-brand)}.account-screen button.bg-accent:disabled{box-shadow:none}.account-screen input:not([type=checkbox]):not([type=radio]):not([type=file]):focus,.account-screen textarea:focus,.account-screen select:focus{border-color:var(--color-brand);box-shadow:0 0 0 4px color-mix(in srgb, var(--color-brand) 15%, transparent)}.account-screen .rounded-pill{font-family:var(--font-label);letter-spacing:.04em}.account-screen a.rounded-xl.border,.account-screen button.rounded-xl.border.w-full{transition:transform .25s cubic-bezier(.22,1,.36,1),border-color .2s,box-shadow .25s}.account-screen a.rounded-xl.border:hover,.account-screen button.rounded-xl.border.w-full:not(:disabled):hover{border-color:color-mix(in srgb, var(--color-brand) 55%, transparent);box-shadow:var(--shadow-lg);transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){.account-screen a.rounded-xl.border,.account-screen a.rounded-xl.border:hover,.account-screen button.rounded-xl.border.w-full:hover{transition:none;transform:none}}