.em-page{font-family:Inter,-apple-system,sans-serif;background:#f8f6f1;color:#1a1a2e;line-height:1.6;min-height:100vh}.em-header{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e1d8;max-width:900px;margin:0 auto}.em-logo{font-size:18px;font-weight:800;letter-spacing:-.5px;color:#1a1a2e;text-decoration:none}.em-logo span{color:#f59e0b}.em-back{font-size:14px;color:#9ca3af;text-decoration:none;transition:color .2s}.em-back:hover{color:#f59e0b}.em-main{max-width:900px;margin:0 auto;padding:40px 24px 80px}.em-hero{text-align:center;margin-bottom:48px}.em-badge{display:inline-block;background:#fef3c7;color:#d97706;font-size:12px;font-weight:600;padding:6px 12px;border-radius:20px;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}.em-hero h1{font-size:42px;font-weight:800;line-height:1.1;margin-bottom:16px;color:#1a1a2e}.em-gradient{background:linear-gradient(135deg,#f59e0b,#ea580c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.em-subtitle{font-size:18px;color:#6b7280;max-width:600px;margin:0 auto}.em-features{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:48px}.em-feature{background:white;border:1px solid #e5e1d8;border-radius:12px;padding:20px;text-align:center}.em-feature-icon{font-size:28px;display:block;margin-bottom:12px}.em-feature h3{font-size:15px;font-weight:700;margin-bottom:6px;color:#1a1a2e}.em-feature p{font-size:13px;color:#6b7280;line-height:1.4}.em-skill-section{margin-bottom:48px}.em-skill-section h2{font-size:24px;font-weight:700;margin-bottom:8px}.em-skill-intro{color:#6b7280;margin-bottom:20px}.em-skill-container{background:#1a1a2e;border-radius:12px;overflow:hidden}.em-skill-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#252538;border-bottom:1px solid #3a3a4d}.em-skill-header span{font-size:13px;color:#9ca3af;font-family:SF Mono,Fira Code,monospace}.em-copy-btn{background:#f59e0b;color:white;border:none;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s}.em-copy-btn:hover{background:#d97706}.em-copy-btn.em-copied{background:#10b981}.em-skill-content{padding:20px;font-size:13px;line-height:1.7;color:#e5e7eb;font-family:SF Mono,Fira Code,monospace;white-space:pre-wrap;word-wrap:break-word;max-height:500px;overflow-y:auto}.em-how-to{margin-bottom:48px}.em-how-to h2{font-size:24px;font-weight:700;margin-bottom:20px}.em-how-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px}.em-how-card{background:white;border:1px solid #e5e1d8;border-radius:12px;padding:24px}.em-how-card h3{font-size:16px;font-weight:700;margin-bottom:12px;color:#1a1a2e}.em-how-card ol{padding-left:20px;margin:0}.em-how-card li{font-size:14px;color:#4b5563;margin-bottom:8px}.em-how-card code{background:#f3f4f6;padding:2px 6px;border-radius:4px;font-size:13px;font-family:SF Mono,Fira Code,monospace}.em-example{background:white;border:1px solid #e5e1d8;border-radius:12px;padding:24px}.em-example h3{font-size:16px;font-weight:700;margin-bottom:12px;color:#1a1a2e}.em-example ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.em-example li{font-size:14px;color:#4b5563;padding-left:24px;position:relative}.em-example li:before{content:"→";position:absolute;left:0;color:#f59e0b}.em-cta{background:linear-gradient(135deg,#f59e0b,#ea580c);border-radius:16px;padding:40px;text-align:center;color:white}.em-cta h2{font-size:24px;font-weight:700;margin-bottom:12px}.em-cta p{font-size:16px;opacity:.95;margin-bottom:24px;max-width:500px;margin-left:auto;margin-right:auto}.em-cta-btn{display:inline-block;background:white;color:#ea580c;padding:14px 32px;border-radius:8px;font-size:16px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s}.em-cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.2)}.em-cta-alt{font-size:14px;margin-top:16px;margin-bottom:0;opacity:.9}.em-cta-alt a{color:white;text-decoration:underline}.em-footer{text-align:center;padding:24px;border-top:1px solid #e5e1d8;max-width:900px;margin:0 auto}.em-footer p{font-size:13px;color:#9ca3af}@media (max-width:768px){.em-hero h1{font-size:32px}.em-subtitle{font-size:16px}.em-features{grid-template-columns:repeat(2,1fr)}.em-example ul,.em-how-grid{grid-template-columns:1fr}.em-cta{padding:32px 24px}}@media (max-width:480px){.em-features{grid-template-columns:1fr}.em-hero h1{font-size:28px}.em-skill-content{font-size:11px;padding:16px}}