.pkf-container{max-width:800px;margin:0 auto;padding:30px 20px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;background:#fff;border-radius:12px;box-shadow:0 4px 6px rgb(0 0 0 / .1);border:1px solid #e1e5e9}.pkf-header{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e1e5e9}.pkf-header h2{color:#2c3e50;margin:0 0 10px 0;font-size:28px;font-weight:700}.pkf-header h2 i{color:#3498db;margin-right:10px}.pkf-header p{color:#7f8c8d;margin:0;font-size:16px;line-height:1.5}.pkf-input-section{margin-bottom:30px}.pkf-input-group{display:flex;gap:10px;max-width:600px;margin:0 auto}.pkf-input{flex:1;padding:15px 20px;border:2px solid #e1e5e9;border-radius:8px;font-size:16px;transition:all 0.3s ease;background:#fff}.pkf-input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px rgb(52 152 219 / .1)}.pkf-button{padding:15px 25px;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s ease;white-space:nowrap}.pkf-button:hover{background:linear-gradient(135deg,#2980b9,#3498db);transform:translateY(-2px);box-shadow:0 4px 12px rgb(52 152 219 / .3)}.pkf-button:active{transform:translateY(0)}.pkf-loading{text-align:center;padding:40px 20px}.pkf-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:pkf-spin 1s linear infinite;margin:0 auto 20px}@keyframes pkf-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.pkf-loading p{color:#7f8c8d;margin:0;font-size:16px}.pkf-results-section{animation:pkf-fadeIn 0.5s ease-in}@keyframes pkf-fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pkf-results-section h3{color:#2c3e50;margin:0 0 20px 0;font-size:22px;font-weight:600}.pkf-results-section h3 i{color:#27ae60;margin-right:10px}.pkf-results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px;margin-top:20px}.pkf-keyword-card{background:#fff;border:1px solid #e1e5e9;border-radius:10px;padding:20px;transition:all 0.3s ease;position:relative;overflow:hidden}.pkf-keyword-card::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,#3498db,#27ae60)}.pkf-keyword-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgb(0 0 0 / .1);border-color:#3498db}.pkf-keyword-name{font-size:18px;font-weight:600;color:#2c3e50;margin-bottom:15px;line-height:1.4}.pkf-keyword-name i{color:#3498db;margin-right:8px}.pkf-keyword-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:15px}.pkf-stat{text-align:center}.pkf-stat-label{display:block;font-size:12px;color:#7f8c8d;text-transform:uppercase;font-weight:600;margin-bottom:4px;letter-spacing:.5px}.pkf-stat-value{display:block;font-size:16px;font-weight:700;color:#2c3e50}.pkf-cpc{color:#27ae60!important}.pkf-profit-indicator{padding:10px 15px;background:#f8f9fa;border-radius:6px;font-size:14px;font-weight:600;text-align:center;border-left:4px solid #e9ecef}.pkf-potential.high{color:#27ae60;border-left-color:#27ae60}.pkf-potential.medium{color:#f39c12;border-left-color:#f39c12}.pkf-potential.low{color:#e74c3c;border-left-color:#e74c3c}@media (max-width:768px){.pkf-container{padding:20px 15px;margin:10px}.pkf-header h2{font-size:24px}.pkf-input-group{flex-direction:column}.pkf-button{width:100%}.pkf-results-grid{grid-template-columns:1fr}.pkf-keyword-stats{grid-template-columns:1fr;gap:10px}.pkf-stat{text-align:left;display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f1f1f1}.pkf-stat:last-child{border-bottom:none}.pkf-stat-label{margin-bottom:0;font-size:14px}}@media (max-width:480px){.pkf-container{padding:15px 10px}.pkf-header h2{font-size:20px}.pkf-header p{font-size:14px}.pkf-input{padding:12px 15px;font-size:14px}.pkf-button{padding:12px 20px;font-size:14px}}.pkf-button:focus,.pkf-input:focus{outline:2px solid #3498db;outline-offset:2px}@media (prefers-contrast:high){.pkf-container{border:2px solid #000}.pkf-keyword-card{border:2px solid #000}}@media (prefers-reduced-motion:reduce){.pkf-keyword-card,.pkf-button{transition:none}.pkf-spinner{animation:none;border-top-color:#fff0}}