.signup-flow-container{width:100%;max-width:500px;margin:0 auto;padding:20px 0}.signup-step{flex-direction:column;gap:24px;display:flex}.signup-header{text-align:center}.signup-header h3{background:linear-gradient(90deg,#06b6d4 0% 60%,#22c55e 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:1.8rem;font-weight:800}.signup-header p{color:var(--text-muted);font-size:.95rem}.type-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.type-card{text-align:center;cursor:pointer;background:#ffffff08;border:1px solid #ffffff0d;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.type-card:hover{background:#ffffff0d;transform:translateY(-2px)}.type-card.selected{background:#06b6d414;border-color:#0000;box-shadow:0 10px 30px #0000004d,0 0 15px #06b6d41a}.type-card.selected:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#4f86f7,#7c3aed,#9333ea);border-radius:16px;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-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}[data-theme*=light] .type-card.selected:before{background:linear-gradient(135deg,#06b6d4,#22c55e,#a855f7)}.type-icon{color:#06b6d4;background:#000;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex;box-shadow:0 4px 12px #0003}.type-card.selected .type-icon{color:#fff;background:linear-gradient(135deg,#06b6d4,#22c55e);box-shadow:0 0 15px #06b6d466}.type-info{flex-direction:column;gap:2px;display:flex}.type-label{color:var(--text);font-size:.95rem;font-weight:700}.type-desc{color:var(--text-muted);font-size:.75rem;line-height:1.3}.check-icon{color:var(--primary);position:absolute;top:8px;right:8px}.form-inputs{flex-direction:column;gap:16px;display:flex}.input-group{flex-direction:column;gap:8px;display:flex}.input-group label{color:var(--text-muted);padding-left:4px;font-size:.85rem;font-weight:600}.input-group input,.input-group select{border:1px solid var(--border);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:12px;width:100%;padding:14px;font-size:1rem;transition:border-color .2s;color:#fff!important;background:#000!important}[data-theme*=light] .input-group input,[data-theme*=light] .input-group select{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#000!important;background:#f8f8ff!important}.input-group input::placeholder{color:#fff6}[data-theme*=light] .input-group input::placeholder{color:#0006}.input-group input:focus,.input-group select:focus{border-color:var(--primary);outline:none}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-toggle-btn{color:var(--text-muted);cursor:pointer;z-index:2;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;right:14px}.password-toggle-btn:hover{color:var(--primary)}.input-group select option{background-color:var(--bg-soft);color:var(--text)}.birthday-selects{grid-template-columns:2fr 1fr 1.5fr;gap:8px;display:grid}.back-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;width:fit-content;font-weight:600;display:flex}.primary-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f86f7 0%,#7c3aed 50%,#9333ea 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:12px;padding:16px;font-size:1rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 0 25px #4f86f766,0 0 45px #9333ea33}.primary-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 0 35px #4f86f780,0 0 65px #9333ea4d}.primary-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 10px #4f86f74d}.primary-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;background:#334155}.zip-search{align-items:center;display:flex;position:relative}.zip-icon{color:var(--text-muted);position:absolute;left:14px}.zip-search input{width:100%;padding-left:44px!important}.shared-zip-container{background:var(--bg-soft);border:1px dashed var(--border);border-radius:12px;padding:16px}.hint-text{color:var(--text-muted);margin-bottom:12px;font-size:.8rem}.cluster-grid{flex-wrap:wrap;gap:8px;display:flex}.cluster-btn{border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;border-radius:20px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s}.cluster-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.validation-summary{margin-top:8px}.badge-preview{border-radius:10px;align-items:center;gap:10px;padding:12px;font-size:.85rem;display:flex}.badge-preview.resident{color:#16a34a;background:#16a34a1a}.badge-preview.visitor{color:#2563eb;background:#2563eb1a}.final-reveal{text-align:center;padding:40px 20px}.large-badge{border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto 24px;display:flex;box-shadow:0 10px 25px #0000001a}.large-badge.resident{background:var(--primary);color:#fff}.large-badge.visitor{color:#fff;background:#2563eb}.profile-summary{flex-direction:column;gap:12px;margin:24px 0;padding:16px;display:flex}.summary-row{justify-content:space-between;font-size:.95rem;display:flex}.summary-row span{color:var(--text-muted)}@media (width<=600px){.signup-flow-container{padding:0 16px}.birthday-selects{grid-template-columns:1fr;gap:12px}.type-grid{grid-template-columns:1fr}}.theme-toggle-btn{background:var(--bg-soft);border:1px solid var(--border);width:40px;height:40px;color:var(--text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;box-shadow:0 4px 12px #0000001a}.theme-toggle-btn:hover{border-color:var(--primary);transform:scale(1.05)}