body{margin:0;padding:0;font-family:Segoe UI,sans-serif;background:linear-gradient(90deg,#e0f7fa,#f1f8e9)}.container{max-width:950px;margin:40px auto;background:#fff;padding:30px;border-radius:16px;box-shadow:0 12px 25px rgba(0,0,0,.1)}h1{text-align:center;font-size:2rem;color:#2c3e50;margin-bottom:25px}label{display:block;margin-top:15px;font-weight:600;color:#34495e}select,textarea{padding:12px;margin-top:5px;border-radius:8px;border:2px solid #dfe6e9;box-sizing:border-box}button,select,textarea{width:100%;font-size:1em}button{margin-top:25px;padding:14px;font-weight:700;background:linear-gradient(135deg,#00cec9,#0984e3);color:#fff;border:none;border-radius:50px;cursor:pointer;transition:background .3s ease}button:hover{background:linear-gradient(135deg,#6c5ce7,#00b894)}.output{background:#ecf0f1;padding:20px;margin-top:30px;border-left:6px solid #00cec9;border-radius:12px;white-space:pre-wrap;font-size:1rem;color:#2d3436;min-height:50px}.copy-btn{margin-top:10px;padding:8px 14px;background:#6c5ce7;color:#fff;border:none;border-radius:30px;font-size:.9em;cursor:pointer;float:right}.copy-btn:hover{background:#341f97}.seo-content{margin-top:2rem;padding:20px;background:#f9fbe7;border-radius:12px;border:1px solid #dcedc8}.seo-content h2,.seo-content h3{color:#2c3e50;margin-bottom:10px}.seo-content p,.seo-content ul{color:#444;line-height:1.6}.seo-content ul{padding-left:20px}.seo-content li{margin-bottom:6px}