:root{--primary-blue: #1e40af;--secondary-blue: #3b82f6;--light-blue: #60a5fa;--cta-green: #22c55e;--cta-green-hover: #16a34a;--dark-text: #1f2937;--light-text: #6b7280;--white: #ffffff;--light-bg: #f8fafc;--border-color: #e5e7eb;--gradient-blue: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.6;color:var(--dark-text);background-color:var(--white)}a{color:var(--secondary-blue);text-decoration:none;transition:color .2s ease}a:hover{color:var(--primary-blue)}.container{max-width:1200px;margin:0 auto;padding:0 20px}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3;color:var(--dark-text)}h1{font-size:2.5rem;margin-bottom:1rem}h2{font-size:2rem;margin-bottom:.875rem}h3{font-size:1.5rem;margin-bottom:.75rem}h4{font-size:1.25rem;margin-bottom:.625rem}p{margin-bottom:1rem;color:var(--light-text)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-primary{background-color:var(--cta-green);color:var(--white)}.btn-primary:hover{background-color:var(--cta-green-hover);color:var(--white)}.btn-secondary{background-color:var(--secondary-blue);color:var(--white)}.btn-secondary:hover{background-color:var(--primary-blue);color:var(--white)}.btn-outline{background-color:transparent;border:2px solid var(--secondary-blue);color:var(--secondary-blue)}.btn-outline:hover{background-color:var(--secondary-blue);color:var(--white)}input,textarea,select{width:100%;padding:12px 16px;font-size:1rem;border:2px solid var(--border-color);border-radius:8px;transition:border-color .2s ease;font-family:inherit}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--secondary-blue)}label{display:block;margin-bottom:8px;font-weight:600;color:var(--dark-text)}.card{background:var(--white);border-radius:12px;padding:24px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.hero{background:var(--gradient-blue);color:var(--white);padding:80px 0;text-align:center}.hero h1{color:var(--white);font-size:3rem;margin-bottom:1.5rem}.hero p{color:#ffffffe6;font-size:1.25rem;max-width:600px;margin:0 auto 2rem}.grid{display:grid;gap:24px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}h1{font-size:2rem}.hero h1{font-size:2.25rem}.hero{padding:60px 0}}.section{padding:80px 0}.section-alt{background-color:var(--light-bg)}.tool-container{max-width:900px;margin:0 auto;padding:40px 20px}.tool-header{text-align:center;margin-bottom:40px}.tool-input-section{background:var(--light-bg);padding:32px;border-radius:12px;margin-bottom:40px}.tool-results{background:var(--white);border:2px solid var(--border-color);border-radius:12px;padding:32px;margin-bottom:40px}.faq-section{margin-top:60px}.faq-item{border-bottom:1px solid var(--border-color);padding:24px 0}.faq-item:last-child{border-bottom:none}.faq-question{font-weight:600;color:var(--dark-text);margin-bottom:12px;font-size:1.125rem}.faq-answer{color:var(--light-text);line-height:1.7}.related-tools{background:var(--light-bg);padding:40px;border-radius:12px;margin-top:40px}.related-tools h3{margin-bottom:20px}.related-tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.related-tool-link{display:block;padding:16px;background:var(--white);border-radius:8px;font-weight:500;transition:background-color .2s ease}.related-tool-link:hover{background-color:var(--secondary-blue);color:var(--white)}.score-circle{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;margin:0 auto 20px}.score-good{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.score-medium{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.score-poor{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.breadcrumb{padding:16px 0;font-size:.875rem}.breadcrumb a{color:var(--light-text)}.breadcrumb span{color:var(--light-text);margin:0 8px}.breadcrumb .current{color:var(--dark-text)}.spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top-color:var(--secondary-blue);border-radius:50%;animation:spin 1s linear infinite;margin:20px auto}@keyframes spin{to{transform:rotate(360deg)}}.blog-content{max-width:800px;margin:0 auto;padding:40px 20px}.blog-content h1{margin-bottom:1.5rem}.blog-content h2{margin-top:2.5rem;margin-bottom:1rem}.blog-content h3{margin-top:2rem;margin-bottom:.75rem}.blog-content p{font-size:1.125rem;line-height:1.8;margin-bottom:1.5rem}.blog-content ul,.blog-content ol{margin-bottom:1.5rem;padding-left:2rem}.blog-content li{margin-bottom:.5rem;color:var(--light-text)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.ai-badge{display:inline-block;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;margin-left:8px}.fallback-badge{display:inline-block;background:#fef3c7;color:#d97706;padding:4px 12px;border-radius:20px;font-size:.8rem;margin-left:8px}.loading-section{text-align:center;padding:40px}.loading-section small{display:block;margin-top:12px;color:var(--light-text);font-size:.85rem}.btn-success{background:#22c55e!important;color:#fff!important;border-color:#22c55e!important}.ai-insights-section{background:linear-gradient(135deg,#eff6ff,#f5f3ff);padding:24px;border-radius:12px;margin-bottom:24px;border-left:4px solid #8b5cf6}.ai-insights-section h3{color:#6366f1;margin-bottom:12px}.ai-insights-section ul{margin:0;padding-left:20px}.ai-insights-section li{margin-bottom:8px;color:var(--dark-text)}