.how-to-use{margin-top:48px}.how-to-use h2{border-bottom:2px solid var(--accent);margin-bottom:24px;padding-bottom:8px;font-size:1.4rem;font-weight:700;display:inline-block}.steps-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:40px;display:grid}.step-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:24px 16px;transition:border-color .2s,box-shadow .2s}.step-card:hover{box-shadow:var(--glow-cyan);border-color:#00d4ff4d}.step-number{background:linear-gradient(135deg, var(--accent), var(--accent2));border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin:0 auto 12px;font-size:.9rem;font-weight:700;display:flex}.step-icon{margin-bottom:12px;font-size:2rem}.step-title{margin-bottom:8px;font-size:1rem;font-weight:700}.step-desc{color:var(--text-secondary);font-size:.875rem;line-height:1.6}.how-to-use__tips{border-radius:var(--radius);background:#00d4ff0d;border:1px solid #00d4ff26;margin-bottom:40px;padding:24px}.tips-list{flex-direction:column;gap:10px;list-style:none;display:flex}.tips-list li{color:var(--text-secondary);padding-left:24px;line-height:1.6;position:relative}.tips-list li:before{content:"✓";color:var(--accent);font-weight:700;position:absolute;left:0}.faq-list{flex-direction:column;gap:8px;display:flex}.faq-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.faq-question{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;font-family:inherit;font-size:.95rem;font-weight:700;display:flex}.faq-question.open{color:var(--accent)}.faq-arrow{flex-shrink:0;font-size:.75rem}.faq-answer{color:var(--text-secondary);padding:0 20px 16px;font-size:.9rem;line-height:1.7}@media (width<=768px){.steps-grid{grid-template-columns:repeat(2,1fr)}}:root{--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-card:#fff;--accent:#0891b2;--accent2:#7c3aed;--accent3:#10b981;--danger:#e94560;--text-primary:#1e293b;--text-secondary:#64748b;--border:#00000014;--radius:12px;--radius-sm:8px;--glow-cyan:0 2px 12px #0000000f;--glow-purple:0 2px 12px #0000000f;--transition:.2s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-primary);color:var(--text-primary);background-image:none;min-height:100vh;font-family:Zen Maru Gothic,sans-serif;line-height:1.7}a{color:var(--accent);transition:opacity var(--transition);text-decoration:none}a:hover{opacity:.8}h1{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:900;line-height:1.2}h2{margin:2rem 0 1rem;font-size:clamp(1.2rem,3vw,1.6rem);font-weight:700}h3{margin:1.5rem 0 .5rem;font-size:1.1rem;font-weight:700}p{margin:0 0 1rem}.container{max-width:1100px;margin:0 auto;padding:0 20px}.container--narrow{max-width:760px;margin:0 auto;padding:0 20px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--transition), box-shadow var(--transition);padding:24px;box-shadow:0 1px 4px #0000000a}.card:hover{border-color:#0891b24d;box-shadow:0 4px 16px #00000014}.btn{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:opacity var(--transition), transform var(--transition);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-size:1rem;font-weight:700;display:inline-flex}.btn:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn--secondary{border:1px solid var(--border);color:var(--text-primary);background:0 0}.btn--secondary:hover:not(:disabled){border-color:var(--accent)}.btn--danger{background:var(--danger)}.btn--large{padding:16px 36px;font-size:1.15rem}.btn--small{padding:7px 14px;font-size:.875rem}.tag{color:var(--accent);background:#0891b214;border:1px solid #0891b233;border-radius:20px;padding:3px 12px;font-size:.8rem;display:inline-block}.grid-tools{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.section{padding:60px 0}.section--sm{padding:32px 0}.blog-content h2{margin-top:2rem}.blog-content h3{margin-top:1.5rem}.blog-content p{margin-bottom:1rem;line-height:1.8}.blog-content ul,.blog-content ol{margin:0 0 1rem 1.5rem}.blog-content li{margin-bottom:.3rem}.blog-content strong{color:#1e293b;font-weight:700}@media (width<=768px){.section{padding:40px 0}.grid-tools{grid-template-columns:repeat(2,1fr)}}@keyframes spin-pulse{0%,to{box-shadow:0 0 20px #0891b233}50%{box-shadow:0 0 40px #0891b259}}@keyframes shake{0%,to{transform:translate(0)rotate(0)}20%{transform:translate(-6px)rotate(-5deg)}40%{transform:translate(6px)rotate(5deg)}60%{transform:translate(-4px)rotate(-3deg)}80%{transform:translate(4px)rotate(3deg)}}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-100px)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}