body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#f9fafb;color:#333}.container{width:90%;max-width:900px;margin:0 auto}.text-center{text-align:center}.hero-section{background-color:#e5e7eb;padding:60px 0}.hero-section h1{font-size:2.5rem;margin-bottom:1rem}.hero-section p{font-size:1.2rem;color:#555}.card{background:#fff;border-radius:12px;padding:20px;margin-top:40px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.card-header h2{font-size:1.8rem;margin-bottom:.5rem}.card-header p{color:#555}.input-group{margin-bottom:20px}.input-group input{width:100%;padding:10px;margin-top:5px;font-size:1rem;border-radius:6px;border:1px solid #ccc}.input-group small{display:block;margin-top:5px;color:#777}.stats-grid{display:flex;gap:20px;margin:20px 0;flex-wrap:wrap}.stat-box{flex:1;background-color:#f3f4f6;padding:15px;border-radius:8px;text-align:center}.stat-box p:first-child{color:#777}.stat-box p:last-child{font-size:1.5rem;font-weight:700}.stat-box p.red{color:red}.progress-container{background-color:#e5e7eb;height:12px;border-radius:6px;overflow:hidden;margin-bottom:20px}.progress-bar{height:12px;width:0;background-color:#3b82f6;transition:width .3s}.serp-preview h3{margin-bottom:10px}.serp-box{border:1px solid #ccc;padding:15px;border-radius:8px;background:#fafafa;margin-bottom:20px}.serp-url{color:green;font-size:.9rem}.serp-title{color:#1a73e8;font-size:1.2rem;margin:5px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.serp-desc{color:#555;font-size:.95rem}