@import "https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;500;700&family=Poppins:wght@500;600;700&display=swap";:root{--brand-orange:#f15a25;--brand-purple-light:#662d91;--brand-purple-dark:#5c2882;--brand-dark:#333;--bg-color:#f8f9fa;--card-bg:#fff}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--brand-dark);font-family:Noto Sans,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif}a{color:var(--brand-orange);font-weight:500;text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1100px;margin:0 auto;padding:40px 20px}.header{text-align:center;margin-bottom:50px}.header h1{color:var(--brand-purple-dark);margin-bottom:15px;font-size:3rem;line-height:1.2}.header p{color:#666;max-width:700px;margin:0 auto;font-size:1.2rem}.educational-section{background:var(--card-bg);border-radius:12px;margin-bottom:50px;padding:40px;box-shadow:0 10px 30px #0000000d}.educational-section h2{color:var(--brand-purple-light);text-align:center;margin-bottom:20px;font-size:1.8rem}.edu-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:30px;display:grid}.edu-card{border:1px solid #eee;border-top:4px solid var(--brand-orange);background:#fdfdfd;border-radius:8px;padding:25px}.edu-card h3{color:var(--brand-dark);margin-bottom:10px;font-size:1.2rem}.edu-card p{color:#555;margin-bottom:15px;font-size:.95rem}.edu-card .ref-link{border-top:1px solid #eee;margin-top:10px;padding-top:10px;font-size:.85rem;display:block}.scanner-box{background:linear-gradient(135deg, var(--brand-purple-dark), var(--brand-purple-light));text-align:center;color:#fff;border-radius:12px;margin-bottom:50px;padding:40px;box-shadow:0 15px 35px #5c288233}.scanner-box h2{margin-bottom:20px;font-size:2rem;font-weight:600}.input-group{gap:15px;max-width:800px;margin:0 auto;display:flex}.input-group input{border:none;border-radius:8px;flex:1;padding:18px 25px;font-family:Noto Sans,sans-serif;font-size:1.2rem;box-shadow:0 4px 6px #0000001a}.input-group input:focus{outline:2px solid var(--brand-orange)}.input-group button{background:var(--brand-orange);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:0 40px;font-family:Poppins,sans-serif;font-size:1.2rem;font-weight:600;transition:transform .2s,background .2s;box-shadow:0 4px 6px #0000001a}.input-group button:hover{background:#ff6a38;transform:translateY(-2px)}.input-group button:disabled{cursor:not-allowed;background:#ccc;transform:none}.loading{text-align:center;color:var(--brand-purple-light);padding:40px;font-size:1.2rem;font-weight:500;animation:1.5s infinite pulse}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.results{animation:.5s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.score-card{background:var(--card-bg);text-align:center;border:2px solid var(--brand-purple-light);border-radius:12px;margin-bottom:40px;padding:30px}.score-card h2{color:var(--brand-purple-dark);margin-bottom:10px;font-size:1.8rem}.score{color:var(--brand-orange);font-size:4.5rem;font-weight:700;line-height:1}.issue-card,.pass-card{background:var(--card-bg);border-radius:8px;margin-bottom:15px;padding:20px;box-shadow:0 4px 10px #00000008}.issue-card{border-left:5px solid var(--brand-orange)}.issue-card.serious,.issue-card.critical{border-left-color:#d32f2f}.issue-card.moderate{border-left-color:#f57c00}.issue-card.minor{border-left-color:#fbc02d}.pass-card{border-left:5px solid #4caf50}.issue-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.issue-header h3{color:var(--brand-dark);font-size:1.1rem}.impact-badge{text-transform:uppercase;border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:600}.impact-badge.serious,.impact-badge.critical{color:#d32f2f;background:#ffebee}.impact-badge.moderate{color:#f57c00;background:#fff3e0}.impact-badge.minor{color:#fbc02d;background:#fffde7}.issue-desc{color:#555;margin-bottom:15px;font-size:.95rem}.nodes{color:#333;background:#f5f5f5;border-radius:6px;padding:15px;font-family:monospace;font-size:.85rem;overflow-x:auto}.node-item{border-bottom:1px solid #e0e0e0;margin-bottom:10px;padding-bottom:10px}.node-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.error-message{color:#d32f2f;background:#ffebee;border-radius:8px;margin-top:20px;padding:15px;font-weight:500}.brand-cta{text-align:center;background:#fff;border:1px solid #e1d5eb;border-radius:12px;margin-top:80px;padding:50px 40px;box-shadow:0 10px 30px #0000000d}.brand-cta img{height:55px;margin-bottom:25px}.brand-cta h2{color:var(--brand-purple-dark);margin-bottom:15px;font-size:1.8rem}.brand-cta p{color:#555;max-width:700px;margin:0 auto 30px;font-size:1.1rem;line-height:1.6}.cta-button{background:var(--brand-orange);border-radius:6px;padding:14px 35px;font-size:1.1rem;font-weight:700;transition:transform .2s,background .2s;display:inline-block;box-shadow:0 4px 6px #0000001a;color:#fff!important;text-decoration:none!important}.cta-button:hover{background:#ff6a38;transform:translateY(-2px)}@media (width<=768px){.input-group{flex-direction:column}.input-group input,.input-group button{width:100%;padding:15px}.header h1{font-size:2.2rem}.scanner-box{padding:25px 15px}}.print-only{display:none!important}@media print{body{background:#fff!important;padding:0!important}.container{box-shadow:none!important;max-width:100%!important;margin:0!important;padding:0!important}.scanner-box,button,.loading,.error-message,.screen-only{display:none!important}.print-only{display:block!important}.header h1{margin-bottom:10px!important;font-size:24pt!important}.score-card{page-break-inside:avoid;box-shadow:none!important;border:2px solid #ccc!important}.issue-card{page-break-inside:avoid;box-shadow:none!important;border:1px solid #ccc!important;margin-bottom:15px!important}.results-grid{display:block!important}.brand-cta{page-break-inside:avoid;box-shadow:none!important;border:2px solid #ccc!important;margin-top:40px!important}.cta-button{box-shadow:none!important}textarea{white-space:pre-wrap!important;border:1px solid #aaa!important;height:auto!important;overflow:visible!important}a{text-decoration:underline!important}}
