.page{color:#1f2937;background:#f0f4ff;justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:Inter,sans-serif;display:flex;position:relative;overflow:hidden}.card{z-index:10;background:#fff;border:1px solid #e2e8f0;border-radius:18px;width:100%;max-width:480px;padding:36px 40px;position:relative;box-shadow:0 12px 48px #0000001f}.circle{opacity:.35;z-index:1;border-radius:50%;animation-name:float;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute}.circle1{background:radial-gradient(circle,#00b4e9 0%,#0093c4 50%,#0000 70%);width:500px;height:500px;animation-duration:25s;top:-100px;left:-150px}.circle2{background:radial-gradient(circle,#00d4ff 0%,#00a3c4 50%,#0000 70%);width:400px;height:400px;animation-duration:30s;top:50px;right:-100px}.circle3{background:radial-gradient(circle,#34a4b3 0%,#0077a3 50%,#0000 80%);width:600px;height:600px;animation-duration:35s;bottom:-150px;left:-200px}.circle4{background:radial-gradient(circle,#0f172a 0%,#1e3a8a 50%,#0000 70%);width:300px;height:300px;animation-duration:28s;top:20%;left:60%}.circle5{background:radial-gradient(circle,#22c55e 0%,#10b981 50%,#0000 75%);width:450px;height:450px;animation-duration:32s;bottom:10%;right:15%}.circle6{background:radial-gradient(circle,#facc15 0%,#f59e0b 50%,#0000 75%);width:350px;height:350px;animation-duration:40s;top:40%;left:-100px}@keyframes float{0%{transform:translate(0)rotate(0)}50%{transform:translate(50px,-50px)rotate(180deg)}to{transform:translate(0)rotate(360deg)}}.logo{justify-content:center;align-items:center;gap:10px;margin-bottom:28px;display:flex}.logoIcon{background:#00b4e9;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.logoText{color:#005f73;font-size:20px;font-weight:800}.progress{justify-content:center;align-items:center;gap:8px;margin-bottom:28px;display:flex}.progressStep{border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:700;transition:background .2s,color .2s;display:flex}.progressLine{background:#e2e8f0;width:32px;height:2px}.form{flex-direction:column;display:flex}.title{color:#005f73;margin-top:0;margin-bottom:6px;font-size:22px;font-weight:800}.subtitle{color:#64748b;margin-top:0;margin-bottom:22px;font-size:14px}.inputField{color:#005f73;box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:14px;transition:border-color .15s}.inputField:focus{border-color:#00b4e9}.subdomainRow{align-items:stretch;display:flex}.subdomainSuffix{color:#64748b;white-space:nowrap;background:#f1f5f9;border:1.5px solid #e2e8f0;border-radius:0 8px 8px 0;align-items:center;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.hint{margin-top:5px;font-size:12px}.btn{color:#00b4e9;cursor:pointer;background-color:#00b4e91a;border:none;border-radius:9px;width:100%;margin-top:8px;padding:13px 20px;font-size:15px;font-weight:700;transition:background .15s}.btn:hover:not(:disabled){background-color:#00b4e92e}.btn:disabled{opacity:.5;cursor:not-allowed}.btnSecondary{color:#00b4e9;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:9px;margin-top:8px;padding:13px 18px;font-size:14px;font-weight:600;transition:background .15s}.btnSecondary:hover{background:#f8fafc}.loginLink{color:#64748b;text-align:center;margin-top:16px;margin-bottom:0;font-size:13px}.link{color:#00b4e9;font-weight:600;text-decoration:none}.link:hover{text-decoration:underline}.previewBox{border:1px solid #e2e8f0;border-radius:10px;margin-top:4px;margin-bottom:16px;overflow:hidden}.previewBar{background:#f8fafc;border-bottom:1px solid #e2e8f0;align-items:center;gap:10px;padding:8px 12px;display:flex}.previewDots{gap:5px;display:flex}.dot{border-radius:50%;width:8px;height:8px;display:block}.previewUrl{color:#64748b;text-align:center;flex:1;font-size:12px}.previewContent{background:#f0f4ff}.previewHero{background:linear-gradient(135deg,#1e3a8a,#00b4e9);padding:20px 16px}.errorBox{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:8px;padding:10px 14px;font-size:13px}.successIcon{text-align:center;margin:0 0 16px;font-size:56px;display:block}.storeLink{color:#00b4e9;text-align:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:12px 16px;font-size:15px;font-weight:700;text-decoration:none;display:block}.storeLink:hover{background:#dbeafe}.formFields{flex-direction:column;gap:14px;display:flex}