.seo-keyword-tool{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;max-width:800px;margin:0 auto;padding:20px}.seo-tool-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;padding:30px;box-shadow:0 20px 40px rgb(0 0 0 / .1);backdrop-filter:blur(10px)}.seo-tool-header{text-align:center;margin-bottom:30px;color:#fff}.seo-tool-header h3{font-size:28px;font-weight:700;margin-bottom:10px;display:flex;align-items:center;justify-content:center;gap:10px}.seo-tool-header p{font-size:16px;opacity:.9;margin:0}.seo-input-group{display:flex;gap:15px;margin-bottom:25px;flex-wrap:wrap}.input-wrapper{position:relative;flex:1;min-width:250px}.input-wrapper i{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:#667eea;font-size:18px}#seo-keyword-input{width:100%;padding:18px 20px 18px 50px;border:none;border-radius:15px;font-size:16px;background:rgb(255 255 255 / .95);box-shadow:0 8px 25px rgb(0 0 0 / .1);transition:all 0.3s ease;border:2px solid #fff0}#seo-keyword-input:focus{outline:none;border-color:#fff;background:#fff;box-shadow:0 12px 35px rgb(0 0 0 / .15);transform:translateY(-2px)}.seo-analysis-btn{padding:18px 30px;background:linear-gradient(45deg,#ff6b6b,#ee5a24);color:#fff;border:none;border-radius:15px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s ease;box-shadow:0 8px 25px rgb(255 107 107 / .3);display:flex;align-items:center;gap:10px;white-space:nowrap}.seo-analysis-btn:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgb(255 107 107 / .4);background:linear-gradient(45deg,#ff7979,#ff3838)}.seo-analysis-btn:active{transform:translateY(-1px)}.seo-results-container{background:rgb(255 255 255 / .95);border-radius:15px;padding:30px;box-shadow:0 15px 35px rgb(0 0 0 / .1);animation:slideUp 0.5s ease}@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.results-header{text-align:center;margin-bottom:25px;color:#2c3e50}.results-header h4{font-size:22px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;margin:0}.keyword-display{text-align:center;margin-bottom:30px;padding:15px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff}.keyword-text{font-size:24px;font-weight:700;text-transform:capitalize}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.metric-card{background:#fff;padding:25px 20px;border-radius:12px;text-align:center;box-shadow:0 5px 20px rgb(0 0 0 / .08);transition:transform 0.3s ease;border:1px solid #f0f0f0}.metric-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgb(0 0 0 / .12)}.metric-icon{width:60px;height:60px;margin:0 auto 15px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px}.metric-content h5{font-size:14px;color:#7f8c8d;margin:0 0 8px 0;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.metric-value{font-size:20px;font-weight:700;color:#2c3e50}.competition-low{color:#27ae60!important}.competition-medium{color:#f39c12!important}.competition-high{color:#e74c3c!important}.progress-section{margin-top:25px}.progress-label{display:flex;justify-content:space-between;margin-bottom:10px;font-weight:600;color:#2c3e50}.progress-bar{width:100%;height:12px;background:#ecf0f1;border-radius:10px;overflow:hidden}.progress-fill{height:100%;border-radius:10px;transition:width 0.8s ease;background:linear-gradient(90deg,#27ae60,#2ecc71)}.progress-fill.medium{background:linear-gradient(90deg,#f39c12,#f1c40f)}.progress-fill.high{background:linear-gradient(90deg,#e74c3c,#e67e22)}.seo-error-message{background:#e74c3c;color:#fff;padding:15px 20px;border-radius:10px;text-align:center;margin-top:15px;display:flex;align-items:center;justify-content:center;gap:10px;animation:shake 0.5s ease}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@media (max-width:768px){.seo-keyword-tool{padding:15px}.seo-tool-container{padding:20px}.seo-input-group{flex-direction:column}.input-wrapper{min-width:100%}.metrics-grid{grid-template-columns:1fr}.seo-tool-header h3{font-size:24px}.keyword-text{font-size:20px}}@media (max-width:480px){.seo-tool-container{padding:15px}.seo-results-container{padding:20px}.metric-card{padding:20px 15px}}