.accents-signup-page{align-items:center;background:linear-gradient(135deg,#eef4ff,#e8ecff 50%,#f0f5ff);display:flex;font-family:Estedad,Arial,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.accents-bg-circle{border-radius:50%;filter:blur(100px);pointer-events:none;position:absolute}.accents-bg-circle-1{background-color:#bfdbfe;height:400px;left:-5%;opacity:.4;top:-5%;width:400px}.accents-bg-circle-2{background-color:#e9d5ff;height:350px;opacity:.35;right:-3%;top:10%;width:350px}.accents-bg-circle-3{background-color:#fbcfe8;bottom:-5%;height:300px;left:30%;opacity:.25;width:300px}.accents-signup-container{align-items:center;display:flex;flex-direction:column;max-width:480px;width:100%;z-index:1}.accents-logo{margin-bottom:2rem}.accents-logo img{height:36px}.accents-steps-indicator{align-items:center;display:flex;gap:0;margin-bottom:2.5rem}.accents-step-dot{background-color:#cbd5e1;border-radius:50%;flex-shrink:0;height:12px;transition:all .4s ease;width:12px}.accents-step-dot.active{background:linear-gradient(135deg,var(--main-color),var(--accent-color1));box-shadow:0 0 0 4px rgba(37,99,235,.15);transform:scale(1.15)}.accents-step-dot.completed{background:var(--accent-color3);box-shadow:0 0 0 4px rgba(52,211,153,.15)}.accents-step-line{background-color:#e2e8f0;height:2px;width:60px}.accents-card{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:hsla(0,0%,100%,.85);border:1px solid hsla(0,0%,100%,.6);border-radius:24px;box-shadow:0 4px 6px -1px rgba(0,0,0,.04),0 10px 25px -5px rgba(0,0,0,.06),0 0 0 1px rgba(0,0,0,.02);display:flex;flex-direction:column;padding:3rem 2.5rem;text-align:center;width:100%}.accents-fade-in{animation:accentsFadeIn .45s ease-out}@keyframes accentsFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.accents-title{color:#1e2733;font-family:Headland One,sans-serif;font-size:1.75rem;font-weight:400;line-height:1.3;margin:0 0 .5rem}.accents-subtitle{color:var(--text);font-size:1rem;line-height:1.6;margin:0 0 2rem}.accents-email-display{color:var(--main-color);font-size:1.05rem;font-weight:600;margin:0;word-break:break-all}.accents-form{display:flex;flex-direction:column;gap:1.5rem;width:100%}.accents-input-group{text-align:left;width:100%}.accents-label{color:#374151;display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.accents-input{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;box-sizing:border-box;color:#3c4458;font-family:Estedad,Arial,sans-serif;font-size:1rem;height:50px;outline:none;padding:0 1rem;transition:border-color .25s,box-shadow .25s;width:100%}.accents-input:focus{border-color:var(--main-color);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.accents-input::placeholder{color:#94a3b8}.accents-btn{align-items:center;border:none;border-radius:50px;cursor:pointer;display:inline-flex;font-family:Estedad,Arial,sans-serif;font-size:1rem;font-weight:600;gap:8px;height:50px;justify-content:center;padding:0 2rem;transition:all .3s ease}.accents-btn-primary{background:linear-gradient(135deg,var(--main-color),var(--accent-color1));box-shadow:0 4px 14px rgba(37,99,235,.3);color:#fff}.accents-btn-primary:hover{background:linear-gradient(135deg,var(--main-dark),var(--main-color));box-shadow:0 6px 20px rgba(37,99,235,.4);transform:translateY(-1px)}.accents-btn-primary:active{transform:translateY(0)}.accents-btn-disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.accents-code-inputs{display:flex;gap:10px;justify-content:center;margin-bottom:.5rem}.accents-code-box{background:#fff;border:2px solid #e2e8f0;border-radius:14px;caret-color:var(--main-color);color:#1e2733;font-family:Courier New,Courier,monospace;font-size:1.5rem;font-weight:700;height:60px;outline:none;text-align:center;transition:border-color .25s,box-shadow .25s,transform .2s;width:52px}.accents-code-box:focus{border-color:var(--main-color);box-shadow:0 0 0 3px rgba(37,99,235,.12);transform:scale(1.05)}.accents-spinner{margin-bottom:1.5rem}.accents-spinner-ring{animation:accentsSpin .9s linear infinite;border-bottom:4px solid #e2e8f0;border-left:4px solid #e2e8f0;border-radius:50%;border-right:4px solid #e2e8f0;border-right-color:var(--accent-color1);border-top:4px solid #e2e8f0;border-top-color:var(--main-color);height:52px;width:52px}@keyframes accentsSpin{to{transform:rotate(1turn)}}.accents-success-icon{align-items:center;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-radius:50%;color:#059669;display:flex;height:72px;justify-content:center;margin-bottom:1.5rem;width:72px}.accents-credential-group{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;width:100%}.accents-credential-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:1rem 1.25rem;text-align:left}.accents-credential-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.accents-credential-label{color:#64748b;font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.accents-credential-value{color:#1e2733;font-family:Courier New,Courier,monospace;font-size:1.05rem;font-weight:600;word-break:break-all}.accents-copy-btn{align-items:center;background:rgba(37,99,235,.08);border:1px solid rgba(37,99,235,.15);border-radius:8px;color:var(--main-color);cursor:pointer;display:inline-flex;font-family:Estedad,Arial,sans-serif;font-size:.78rem;font-weight:500;gap:4px;padding:4px 10px;transition:all .2s}.accents-copy-btn:hover{background:rgba(37,99,235,.14);border-color:rgba(37,99,235,.25)}.accents-warning-box{align-items:flex-start;background:#fffbeb;border:1px solid #fde68a;border-radius:12px;color:#92400e;display:flex;font-size:.85rem;gap:10px;line-height:1.5;padding:.85rem 1rem;text-align:left;width:100%}.accents-warning-box svg{color:#f59e0b;flex-shrink:0;margin-top:1px}.accents-error-box{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#991b1b;font-size:.88rem;line-height:1.5;margin-bottom:.5rem;padding:.75rem 1rem;text-align:left;width:100%}.accents-card-wide{max-width:560px}.accents-role-badge{background:#dbeafe;border-radius:6px;color:#1e40af;display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.06em;margin-top:.75rem;padding:3px 10px;text-transform:uppercase}.accents-role-badge[data-role=ADMIN]{background:#ffedd5;color:#7c2d12}.accents-download-card{align-items:center;background:linear-gradient(135deg,#eff6ff,#eef2ff);border:1px solid #dbeafe;border-radius:14px;display:flex;gap:1rem;margin-bottom:1.25rem;padding:1.25rem;width:100%}.accents-download-icon{align-items:center;background:linear-gradient(135deg,var(--main-color),var(--accent-color1));border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:52px;justify-content:center;width:52px}.accents-download-text{flex:1;text-align:left}.accents-download-text h4{color:#1e2733;font-size:.95rem;font-weight:600;margin:0 0 3px}.accents-download-text p{color:var(--text);font-size:.82rem;line-height:1.4;margin:0}.accents-btn-download{background:linear-gradient(135deg,var(--main-color),var(--accent-color1));box-shadow:0 3px 10px rgba(37,99,235,.25);color:#fff;flex-shrink:0;font-size:.85rem;height:40px;padding:0 1.25rem;text-decoration:none}.accents-btn-download:hover{background:linear-gradient(135deg,var(--main-dark),var(--main-color));box-shadow:0 4px 14px rgba(37,99,235,.35);transform:translateY(-1px)}.accents-docs-card{background:linear-gradient(135deg,#ecfdf5,#f0fdfa);border-color:#a7f3d0}.accents-btn-docs,.accents-docs-icon{background:linear-gradient(135deg,#059669,var(--accent-color2))}.accents-btn-docs{box-shadow:0 3px 10px rgba(5,150,105,.25)}.accents-btn-docs:hover{background:linear-gradient(135deg,#047857,#059669);box-shadow:0 4px 14px rgba(5,150,105,.35)}.accents-install-card{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-color:#c4b5fd}.accents-btn-install,.accents-install-icon{background:linear-gradient(135deg,#7c3aed,#8b5cf6)}.accents-btn-install{box-shadow:0 3px 10px rgba(124,58,237,.25)}.accents-btn-install:hover{background:linear-gradient(135deg,#6d28d9,#7c3aed);box-shadow:0 4px 14px rgba(124,58,237,.35)}@media (max-width:540px){.accents-card{border-radius:18px;padding:2rem 1.5rem}.accents-code-box{border-radius:10px;font-size:1.3rem;height:52px;width:44px}.accents-code-inputs{gap:8px}.accents-title{font-size:1.5rem}.accents-step-line{width:40px}}