.acct-hero{padding:calc(var(--header-h) + 48px) var(--gutter) 40px;text-align:center;background:radial-gradient(ellipse at 50% 80%, #ff2e350f 0%, transparent 60%), var(--c-bg)}.acct-hero-title{font-family:var(--f-display);letter-spacing:-1px;margin-bottom:12px;font-size:clamp(28px,5vw,44px);font-weight:700;line-height:1.2}.acct-hero-sub{color:var(--c-text-dim);max-width:440px;margin:0 auto;font-size:15px;line-height:1.7}.acct-roles{padding:32px 0 48px}.acct-roles-grid{grid-template-columns:repeat(3,1fr);gap:20px;max-width:800px;margin:0 auto;display:grid}.acct-role-card{background:var(--c-card-bg);border:1.5px solid var(--c-border);border-radius:var(--r-lg);text-align:center;cursor:pointer;padding:36px 24px 28px;transition:all .5s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.acct-role-card:before{content:"";border-radius:var(--r-lg);background:linear-gradient(135deg, var(--c-gold), #8b5cf699);-webkit-mask-composite:xor;opacity:0;padding:1.5px;transition:opacity .5s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.acct-role-card:hover:before,.acct-role-card.active:before{opacity:1}.acct-role-card:hover,.acct-role-card.active{background:#ffffff0a;transform:translateY(-4px);box-shadow:0 12px 40px #00000040}.acct-role-card.active{border-color:#ff2e354d}.acct-role-icon{margin-bottom:16px;font-size:40px;display:block}.acct-role-card h3{font-family:var(--f-display);margin-bottom:8px;font-size:18px;font-weight:600}.acct-role-card p{color:var(--c-text-dim);font-size:13px;line-height:1.6}.acct-role-tag{border-radius:var(--r-full);letter-spacing:.5px;margin-top:12px;padding:4px 14px;font-size:11px;font-weight:600;display:inline-block}.acct-role-tag-stylist{color:#c4b5fd;background:#8b5cf61a;border:1px solid #8b5cf640}.acct-role-tag-client{color:#67e8f9;background:#06b6d41a;border:1px solid #06b6d440}.acct-role-tag-investor{color:var(--c-gold);background:#ff2e351a;border:1px solid #ff2e3540}.acct-auth-wrap{max-width:420px;margin:0 auto;padding:0 0 60px;display:none}.acct-auth-wrap.visible{animation:acctFadeIn .4s var(--ease) both;display:block}@keyframes acctFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.acct-auth-box{background:var(--c-card-bg);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:32px 28px;position:relative;overflow:hidden}.acct-auth-box:before{content:"";background:linear-gradient(90deg, var(--c-gold), #8b5cf699, #06b6d480);height:2px;position:absolute;top:0;left:0;right:0}.acct-auth-header{text-align:center;margin-bottom:24px}.acct-auth-header h3{font-family:var(--f-display);margin-bottom:6px;font-size:20px;font-weight:600}.acct-auth-header p{color:var(--c-text-dim);font-size:13px}.acct-tabs{border-radius:var(--r-sm);background:#ffffff0a;gap:2px;margin-bottom:24px;padding:3px;display:flex}.acct-tab{color:var(--c-text-dim);font-family:var(--f-body);cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;padding:10px 0;font-size:13px;font-weight:500;transition:all .5s cubic-bezier(.22,1,.36,1)}.acct-tab.active{color:var(--c-gold);background:#ff2e351f;font-weight:600}.acct-tab:hover:not(.active){color:var(--c-text)}.acct-form{flex-direction:column;gap:16px;display:flex}.acct-form.hidden{display:none}.acct-field label{color:var(--c-text-dim);letter-spacing:.3px;margin-bottom:6px;font-size:12px;font-weight:500;display:block}.acct-field input,.acct-field select{border-radius:var(--r-sm);width:100%;color:var(--c-text);font-size:14px;font-family:var(--f-body);background:#ffffff0a;border:1px solid #ffffff1a;outline:none;padding:12px 14px;transition:all .5s cubic-bezier(.22,1,.36,1)}.acct-field input:focus,.acct-field select:focus{border-color:var(--c-gold);background:#ffffff0f;box-shadow:0 0 0 3px #ff2e3514}.acct-field input::placeholder{color:var(--c-text-muted)}.acct-field select option{color:#f5f5f5;background:#1a1a20}.acct-sms-row{gap:8px;display:flex}.acct-sms-btn{border-radius:var(--r-sm);color:var(--c-gold);cursor:pointer;white-space:nowrap;background:#ff2e3514;border:1px solid #ff2e3533;flex-shrink:0;padding:12px 16px;font-size:13px;font-weight:500;transition:all .5s cubic-bezier(.22,1,.36,1)}.acct-sms-btn:hover:not(:disabled){background:#ff2e3526}.acct-sms-btn:disabled{opacity:.5;cursor:not-allowed}.acct-submit{background:var(--g-gold);border-radius:var(--r-sm);color:#1a1000;width:100%;font-family:var(--f-body);cursor:pointer;border:none;margin-top:4px;padding:14px;font-size:15px;font-weight:600;transition:all .5s cubic-bezier(.22,1,.36,1)}.acct-submit:hover{transform:translateY(-1px);box-shadow:0 4px 20px #ff2e3540}.acct-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.acct-note{color:var(--c-text-muted);text-align:center;font-size:11px;line-height:1.5}.acct-extra-link{text-align:center;color:var(--c-text-dim);margin-top:4px;font-size:12px;text-decoration:none;display:block}.acct-extra-link:hover{color:var(--c-gold)}.acct-benefits{padding:0 0 64px}.acct-benefits-row{flex-wrap:wrap;justify-content:center;gap:48px;display:flex}.acct-benefit{color:var(--c-text-dim);align-items:center;gap:12px;font-size:14px;display:flex}.acct-benefit-icon{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.acct-benefit strong{color:var(--c-text);margin-bottom:2px;font-size:14px;font-weight:500;display:block}.acct-benefit span{color:var(--c-text-muted);font-size:12px}@media (width<=768px){.acct-roles-grid{grid-template-columns:1fr;max-width:360px}.acct-role-card{padding:24px 20px 20px}.acct-benefits-row{flex-direction:column;align-items:center;gap:20px}.acct-auth-box{padding:24px 20px}.acct-hero{padding-top:calc(var(--header-h) + 32px)}}@media (width<=480px){.acct-sms-row{flex-direction:column}.acct-sms-btn{width:100%}}
