.page[data-v-84f39ba2]{background:#fff;min-height:100vh}.main[data-v-84f39ba2]{max-width:800px;margin:0 auto;padding:2rem 1rem 4rem}.hero[data-v-84f39ba2]{text-align:center;margin-bottom:2rem;padding:2rem 1rem}.hero h1[data-v-84f39ba2]{color:#0f172a;letter-spacing:-.02em;margin-bottom:.5rem;font-size:2.25rem;font-weight:700}.hero p[data-v-84f39ba2]{color:#64748b;max-width:500px;margin:0 auto;font-size:1rem}.generator-card[data-v-84f39ba2]{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:3rem;padding:1.5rem;box-shadow:0 4px 6px -1px #0000000d}.wifi-form[data-v-84f39ba2]{flex-direction:column;gap:1rem;display:flex}.form-group[data-v-84f39ba2]{flex-direction:column;gap:.375rem;display:flex}.form-group label[data-v-84f39ba2]{color:#475569;font-size:.8rem;font-weight:500}.form-input[data-v-84f39ba2]{background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;outline:none;padding:.75rem 1rem;font-size:.95rem;transition:all .2s}.form-input[data-v-84f39ba2]:focus{background:#fff;border-color:#6366f1}.security-options[data-v-84f39ba2]{gap:.5rem;display:flex}.security-btn[data-v-84f39ba2]{cursor:pointer;color:#64748b;background:#f8fafc;border:2px solid #0000;border-radius:8px;flex:1;padding:.625rem;font-size:.85rem;font-weight:500;transition:all .2s}.security-btn[data-v-84f39ba2]:hover{background:#f1f5f9}.security-btn.active[data-v-84f39ba2]{color:#6366f1;background:#eef2ff;border-color:#6366f1}.generate-btn[data-v-84f39ba2]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:10px;margin-top:.5rem;padding:.875rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s}.generate-btn[data-v-84f39ba2]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.generate-btn[data-v-84f39ba2]:disabled{opacity:.6;cursor:not-allowed}.result-area[data-v-84f39ba2]{border-top:1px solid #e2e8f0;flex-direction:column;align-items:center;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;display:flex}.qr-preview[data-v-84f39ba2]{border-radius:12px;padding:1rem;box-shadow:0 1px 3px #0000001a}.qr-preview canvas[data-v-84f39ba2]{width:200px;height:200px;display:block}.download-btn[data-v-84f39ba2]{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:8px;padding:.625rem 1.25rem;font-size:.85rem;font-weight:600;transition:all .2s}.download-btn[data-v-84f39ba2]:hover{background:#1e293b}.hint[data-v-84f39ba2]{color:#94a3b8;text-align:center;font-size:.8rem}.content[data-v-84f39ba2]{color:#334155;line-height:1.8}.content h2[data-v-84f39ba2]{color:#0f172a;margin:2rem 0 .75rem;font-size:1.35rem;font-weight:600}.content h3[data-v-84f39ba2]{color:#1e293b;margin:1.5rem 0 .5rem;font-size:1.1rem;font-weight:600}.content p[data-v-84f39ba2]{margin-bottom:1rem}.content ul[data-v-84f39ba2]{margin:1rem 0 1.5rem 1.25rem}.content li[data-v-84f39ba2]{margin-bottom:.5rem}.content strong[data-v-84f39ba2]{color:#0f172a}.footer[data-v-84f39ba2]{text-align:center;border-top:1px solid #e2e8f0;padding:2rem}.footer p[data-v-84f39ba2]{color:#94a3b8;font-size:.875rem}.footer-brand[data-v-84f39ba2]{color:#94a3b8;margin-top:.5rem;font-size:.8rem}.footer-brand a[data-v-84f39ba2]{color:#64748b;text-decoration:none}.footer-brand a[data-v-84f39ba2]:hover{color:#6366f1}.footer-cta[data-v-84f39ba2]{color:#6366f1;margin-top:.75rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-block}.footer-cta[data-v-84f39ba2]:hover{text-decoration:underline}@media (width<=640px){.hero h1[data-v-84f39ba2]{font-size:1.75rem}.security-options[data-v-84f39ba2]{flex-direction:column}}