*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh}.container{max-width:960px;margin:0 auto;padding:0 24px}.header{color:#fff;background:#1a1a2e;padding:16px 0}.header-inner{justify-content:space-between;align-items:center;display:flex}.logo{color:#fff;font-size:20px;font-weight:700;text-decoration:none}.logo span{color:#6c63ff}.hero{text-align:center;color:#fff;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);padding:80px 24px 60px}.hero h1{margin-bottom:16px;font-size:42px;font-weight:800;line-height:1.2}.hero p{color:#b8b8d0;max-width:600px;margin:0 auto 40px;font-size:18px;line-height:1.6}.scan-form{gap:12px;max-width:600px;margin:0 auto;display:flex}.scan-input{color:#fff;background:#0f0f23;border:2px solid #333;border-radius:12px;outline:none;flex:1;padding:16px 20px;font-size:16px;transition:border-color .2s}.scan-input:focus{border-color:#6c63ff}.scan-input::placeholder{color:#666}.scan-button{color:#fff;cursor:pointer;white-space:nowrap;background:#6c63ff;border:none;border-radius:12px;padding:16px 32px;font-size:16px;font-weight:600;transition:background .2s}.scan-button:hover{background:#5a52d5}.scan-button:disabled{cursor:not-allowed;background:#444}.scanning-indicator{text-align:center;color:#666;padding:40px;font-size:16px}.scanning-indicator .spinner{vertical-align:middle;border:3px solid #ddd;border-top-color:#6c63ff;border-radius:50%;width:24px;height:24px;margin-right:12px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.score-section{padding:40px 0}.score-card{text-align:center;background:#fff;border-radius:16px;margin-bottom:32px;padding:40px;box-shadow:0 2px 12px #0000000f}.score-circle{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto 16px;font-size:36px;font-weight:800;display:flex}.score-high{background:#22c55e}.score-mid{background:#f59e0b}.score-low{background:#ef4444}.score-label{color:#888;margin-bottom:8px;font-size:14px}.score-page-title{color:#555;font-size:16px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px;display:grid}.stat-card{text-align:center;background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000a}.stat-number{font-size:28px;font-weight:700}.stat-label{color:#888;margin-top:4px;font-size:12px}.stat-critical .stat-number{color:#ef4444}.stat-serious .stat-number{color:#f59e0b}.stat-moderate .stat-number{color:#3b82f6}.stat-minor .stat-number{color:#8b5cf6}.issues-section{padding-bottom:60px}.issues-section h2{margin-bottom:20px;font-size:24px}.issue-card{background:#fff;border-left:4px solid;border-radius:12px;margin-bottom:16px;padding:24px;box-shadow:0 2px 8px #0000000a}.issue-critical{border-left-color:#ef4444}.issue-serious{border-left-color:#f59e0b}.issue-moderate{border-left-color:#3b82f6}.issue-minor{border-left-color:#8b5cf6}.issue-header{align-items:center;gap:12px;margin-bottom:8px;display:flex}.issue-impact{text-transform:uppercase;color:#fff;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:600}.impact-critical{background:#ef4444}.impact-serious{background:#f59e0b}.impact-moderate{background:#3b82f6}.impact-minor{background:#8b5cf6}.issue-title{font-size:16px;font-weight:600}.issue-description{color:#666;margin-bottom:12px;font-size:14px}.issue-wcag{color:#888;margin-bottom:12px;font-size:12px}.issue-nodes{background:#f8f9fa;border-radius:8px;padding:16px}.issue-node{border-bottom:1px solid #eee;margin-bottom:12px;padding-bottom:12px}.issue-node:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.node-html{color:#a5d6ff;white-space:pre-wrap;word-break:break-all;background:#1a1a2e;border-radius:6px;margin-bottom:8px;padding:8px 12px;font-family:Monaco,Menlo,monospace;font-size:12px;overflow-x:auto}.node-fix{color:#22c55e;padding:8px 0;font-size:13px}.node-fix:before{content:"💡 "}.disclaimer{color:#666;background:#fff8e1;border:1px solid #ffe082;border-radius:12px;margin:32px 0;padding:20px;font-size:13px;line-height:1.6}.disclaimer strong{color:#f59e0b}.footer{color:#888;text-align:center;background:#1a1a2e;padding:32px 0;font-size:13px}@media (max-width:768px){.hero h1{font-size:28px}.scan-form{flex-direction:column}.stats-grid{grid-template-columns:repeat(2,1fr)}}