.page-title{text-align:center;margin-bottom:50px}.page-title h1{color:#111;margin-bottom:8px;font-size:36px;font-weight:700;transition:color .3s}.dark .page-title h1{color:#f3f4f6}.page-title p{color:#666;font-size:16px;transition:color .3s}.dark .page-title p{color:#d1d5db}.content-wrap{background:#ecebe9;border-radius:12px;flex-direction:column;gap:18px;padding:20px;transition:background .3s;display:flex}.dark .content-wrap{background:#1f2937}.content-card{background:#fff;border-radius:12px;padding:32px;transition:background .3s,box-shadow .3s;box-shadow:0 2px 8px #00000014}.dark .content-card{background:#111827;box-shadow:0 2px 8px #0006}.content-card h2{color:#111;border-bottom:2px solid #f0f0f0;margin:0 0 20px;padding-bottom:12px;font-size:24px;font-weight:700;transition:color .3s,border-color .3s}.dark .content-card h2{color:#f3f4f6;border-bottom-color:#374151}.content-card h3{color:#333;margin:24px 0 12px;font-size:18px;font-weight:600;transition:color .3s}.dark .content-card h3{color:#e5e7eb}.content-card p{color:#333;font-size:15px;line-height:1.75;transition:color .3s}.dark .content-card p{color:#d1d5db}.guide-list{grid-template-columns:1fr 1fr;gap:12px;display:grid}.guide-item{color:#111;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:14px;text-decoration:none;transition:all .2s;display:block}.dark .guide-item{color:#f3f4f6;background:#1f2937;border-color:#374151}.guide-item:hover{color:#fff;background:#111}.dark .guide-item:hover{color:#fff;background:#4b5563}.guide-title{margin-bottom:6px;font-weight:800}.guide-desc{color:#555;font-size:13px;line-height:1.6;transition:color .2s}.dark .guide-desc{color:#d1d5db}.guide-item:hover .guide-desc,.dark .guide-item:hover .guide-desc{color:#ffffffe6}.sub-links{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.sub-links a{color:#111;background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:6px;padding:8px 10px;text-decoration:none;transition:all .2s;display:inline-flex}.dark .sub-links a{color:#f3f4f6;background:#111827;border-color:#374151}.sub-links a:hover{color:#fff;background:#111}.dark .sub-links a:hover{color:#fff;background:#4b5563}.hero-row{grid-template-columns:180px 1fr;align-items:center;gap:18px;display:grid}.hero-img{object-fit:cover;border-radius:16px;width:180px;height:180px;display:block}.hero-title{color:#111;margin-bottom:8px;font-size:26px;font-weight:700;line-height:1.4;transition:color .3s}.dark .hero-title{color:#f3f4f6}.hero-sub{color:#555;margin-bottom:10px;font-size:15px;line-height:1.8;transition:color .3s}.dark .hero-sub{color:#d1d5db}.cta-row{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.cta-button{color:#111;background:#fff;border:1px solid #e5e7eb;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 14px;font-size:15px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.dark .cta-button{color:#f3f4f6;background:#1f2937;border-color:#374151}.cta-button:hover{color:#fff;background:#111}.dark .cta-button:hover{color:#fff;background:#4b5563}.cta-button img{object-fit:contain;width:20px;height:20px}.cta-button.primary{color:#fff;background:#08c}.cta-button.primary:hover{background:#069}.dark .cta-button.primary{color:#fff;background:#08c}.dark .cta-button.primary:hover{background:#069}.cta-button.primary img{filter:brightness(0)invert()}.muted{color:#6b7280;margin-top:10px;font-size:13px;transition:color .3s}.dark .muted{color:#9ca3af}.list{padding-left:18px;line-height:1.75}.list li{color:#333;margin-bottom:8px;transition:color .3s}.dark .list li{color:#d1d5db}.list li strong{color:#08c;font-weight:600;transition:color .3s}.dark .list li strong{color:#60a5fa}code{color:#d63384;background:#f5f5f5;border-radius:4px;padding:2px 8px;font-family:Courier New,monospace;font-size:14px;transition:all .3s}.dark code{color:#ff79c6;background:#374151}.faq{margin:0;padding:0}.faq dt{color:#111;margin-top:10px;margin-bottom:6px;font-size:15px;font-weight:800;transition:color .3s}.dark .faq dt{color:#f3f4f6}.faq dd{color:#444;margin:6px 0 0;line-height:1.8;transition:color .3s}.dark .faq dd{color:#d1d5db}.warning-box{background:#fff3cd;border-left:4px solid #ffc107;border-radius:6px;margin:16px 0;padding:16px;transition:all .3s}.dark .warning-box{background:#78350f;border-left-color:#fbbf24}.warning-box strong{color:#856404;transition:color .3s}.dark .warning-box strong{color:#fcd34d}.internal-links{flex-wrap:wrap;gap:10px;display:flex}.internal-links a{color:#111;background:#f5f6f8;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:6px;padding:10px 12px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.dark .internal-links a{color:#f3f4f6;background:#1f2937;border-color:#374151}.internal-links a:hover{color:#fff;background:#111}.dark .internal-links a:hover{color:#fff;background:#4b5563}.internal-links.grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin-top:16px;display:grid}.internal-links.grid a{color:#08c;background:#f8f9fa;border-radius:6px;padding:12px 16px}.dark .internal-links.grid a{color:#60a5fa;background:#1f2937}.internal-links.grid a:hover{color:#08c;background:#e9ecef;transform:translateY(-2px)}.dark .internal-links.grid a:hover{color:#60a5fa;background:#374151}@media (max-width:768px){.guide-list,.hero-row{grid-template-columns:1fr}.hero-img{width:100%;height:200px}.page-title h1{font-size:28px}.content-card{padding:20px}.content-card h2{font-size:20px}}