:root{--primary:#4f46e5;--primary-hover:#4338ca;--surface:#fff;--surface-border:#e2e8f0;--text:#0f172a;--text-muted:#64748b}body{color:var(--text);background-color:#f8fafc;margin:0;font-family:Inter,Outfit,sans-serif;overflow-x:hidden}.register-container{z-index:1;background-color:#0000;justify-content:center;align-items:center;min-height:100vh;padding:3rem 1rem;display:flex;position:relative;overflow:hidden}.dynamic-bg{z-index:-3;filter:saturate(1.2);background-image:url(https://images.unsplash.com/photo-1517248135467-4c7edcad34c4?auto=format&fit=crop&q=80&w=2000);background-position:50%;background-size:cover;width:110%;height:110%;transition:background-image .6s ease-in-out;position:absolute;top:-5%;left:-5%}.dynamic-overlay{-webkit-backdrop-filter:blur(12px);z-index:-2;background:linear-gradient(135deg,#f8fafcd9 0%,#f8fafcf2 100%);width:100%;height:100%;position:absolute;top:0;left:0}.blob-1,.blob-2{filter:blur(100px);z-index:-1;opacity:.6;border-radius:50%;animation:10s ease-in-out infinite alternate pulse;position:absolute}.blob-1{background:#6366f133;width:500px;height:500px;top:-10%;right:-5%}.blob-2{background:#10b98126;width:600px;height:600px;animation-delay:-5s;bottom:-10%;left:-5%}@keyframes pulse{0%{opacity:.5;transform:scale(1)translate(0)}to{opacity:.7;transform:scale(1.1)translate(-20px,20px)}}.register-card{-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e2e8f0cc;border-radius:20px;width:100%;max-width:520px;padding:3rem;box-shadow:0 25px 50px -12px #00000014,0 0 0 1px #00000005}.header{text-align:center;margin-bottom:2.5rem;position:relative}.back-link{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.9rem;text-decoration:none;transition:color .2s;display:flex;position:absolute;top:0;left:0}.back-link:hover{color:var(--text)}.brand-logo{justify-content:center;align-items:center;gap:.75rem;margin-top:1rem;margin-bottom:1.5rem;display:flex}.brand-logo h1{letter-spacing:-.02em;background:linear-gradient(135deg,#0f172a 0%,#475569 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:1.85rem;font-weight:700}.header h2{letter-spacing:-.01em;color:#0f172a;margin:0 0 .75rem;font-size:1.6rem;font-weight:600}.header p{color:var(--text-muted);margin:0;font-size:1rem;line-height:1.5}.form-step{animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUpFade;display:none}.form-step.active{display:block}@keyframes slideUpFade{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.step-indicator{margin-bottom:1rem}.step-badge{color:var(--primary);letter-spacing:.05em;text-transform:uppercase;background:#6366f11a;border:1px solid #6366f133;border-radius:999px;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-block}.form-step h3{color:var(--text);margin-top:0;margin-bottom:2rem;font-size:1.25rem;font-weight:600}.form-group{margin-bottom:1.75rem}.form-group label{color:#334155;margin-bottom:.6rem;font-size:.95rem;font-weight:500;display:block}.form-group input[type=text],.form-group input[type=password],.form-group input[type=tel]{width:100%;color:var(--text);background-color:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:.875rem 1rem;font-size:1rem;transition:all .2s;box-shadow:inset 0 1px 2px #00000005}.form-group input::-moz-placeholder{color:#94a3b8}.form-group input::placeholder{color:#94a3b8}.form-group input:hover{border-color:#94a3b8}.form-group input:focus{border-color:var(--primary);background-color:#fff;outline:none;box-shadow:0 0 0 4px #6366f126,inset 0 1px 2px #00000005}.input-group{align-items:center;display:flex}.input-group input{border-right:none!important;border-top-right-radius:0!important;border-bottom-right-radius:0!important}.input-group .addon{color:var(--text-muted);background-color:#f1f5f9;border:1px solid #cbd5e1;border-top-right-radius:10px;border-bottom-right-radius:10px;align-items:center;padding:.875rem 1rem;font-size:1rem;display:flex}.form-group small{color:var(--text-muted);margin-top:.6rem;font-size:.85rem;display:block}.template-selector{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.template-card{cursor:pointer;display:block}.template-card input{display:none}.template-card .card-content{text-align:center;color:#64748b;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem 1rem;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 1px 3px #00000005}.template-card:hover .card-content{color:#334155;background-color:#f8fafc;border-color:#cbd5e1}.template-card input:checked+.card-content{border-color:var(--primary);color:var(--primary);box-shadow:0 4px 12px #6366f11a, 0 0 0 1px var(--primary) inset;background-color:#6366f10a}.template-card .icon{margin:0 auto .75rem;transition:transform .2s;display:block}.template-card:hover .icon,.template-card input:checked+.card-content .icon{transform:translateY(-2px)}.template-card .name{font-size:.9rem;font-weight:500;display:block}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;width:100%;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, #6366f1 100%);color:#fff;box-shadow:0 4px 12px #6366f14d}.btn-primary:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 6px 16px #6366f166}.btn-primary:active{transform:translateY(1px);box-shadow:0 2px 4px #6366f133}.btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-secondary{color:var(--text);background-color:#fff;border:1px solid #cbd5e1;box-shadow:0 1px 2px #0000000d}.btn-secondary:hover{background-color:#f8fafc;border-color:#94a3b8}.form-actions{gap:1rem;margin-top:2.5rem;display:flex}.error-msg{color:#ef4444;text-align:center;background-color:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-top:1.5rem;padding:1rem;font-size:.95rem}.hidden{display:none!important}.spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s ease-in-out infinite spin}#submit-btn .spinner{border:3px solid #ffffff4d;border-top-color:#fff}@keyframes spin{to{transform:rotate(360deg)}}.success-state{text-align:center;padding:1rem 0;animation:.5s slideUpFade}.success-icon{justify-content:center;margin-bottom:2rem;display:flex}.glow-circle{background:#6366f114;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative}.glow-circle:after{content:"";border:1px solid #6366f133;border-radius:50%;animation:2s infinite ripple;position:absolute;inset:-10px}@keyframes ripple{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.success-state h2{color:var(--text);letter-spacing:-.02em;margin-bottom:.75rem;font-size:1.75rem;font-weight:700}.success-state p{color:var(--text-muted);margin-bottom:2.5rem;font-size:1.05rem;line-height:1.6}.store-links{flex-direction:column;gap:1rem;display:flex}@media (width<=480px){.register-card{border-radius:16px;padding:2rem 1.5rem}.template-selector{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}}