*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:#0a1628;color:#e0e6ed;line-height:1.6}
.container{max-width:800px;margin:0 auto;padding:0 20px}
header{background:#0d1f3c;padding:15px 0;border-bottom:1px solid #1a3355}
.logo{font-size:1.3rem;font-weight:700;color:#4fc3f7}
.hero{padding:80px 0 60px;text-align:center}
h1{font-size:2.5rem;font-weight:800;margin-bottom:20px;color:#fff;line-height:1.2}
.subtitle{font-size:1.15rem;color:#8ba4c7;max-width:600px;margin:0 auto 40px}
.audit-form{max-width:480px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.audit-form input{padding:14px 16px;border-radius:10px;border:2px solid #1a3355;background:#0d1f3c;color:#fff;font-size:1rem;outline:none;transition:border .2s}
.audit-form input:focus{border-color:#4fc3f7}
.audit-form button{padding:16px;border-radius:10px;border:none;background:#4fc3f7;color:#0a1628;font-size:1.1rem;font-weight:700;cursor:pointer;transition:background .2s}
.audit-form button:hover{background:#29b6f6}
.form-note{font-size:.85rem;color:#5a7a9a;margin-top:-4px}
.spinner{width:40px;height:40px;border:4px solid #1a3355;border-top-color:#4fc3f7;border-radius:50%;animation:spin .8s linear infinite;margin:20px auto}
@keyframes spin{to{transform:rotate(360deg)}}
#loading{text-align:center;margin-top:20px}
#loading p{color:#8ba4c7;margin-top:10px}
.features{padding:60px 0;background:#0d1f3c}
.features h2{text-align:center;font-size:1.8rem;margin-bottom:40px;color:#fff}
.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.feature-card{background:#0a1628;padding:24px;border-radius:12px;border:1px solid #1a3355;transition:border .2s}
.feature-card:hover{border-color:#4fc3f7}
.feature-icon{font-size:2rem;display:block;margin-bottom:12px}
.feature-card h3{font-size:1.1rem;color:#fff;margin-bottom:8px}
.feature-card p{font-size:.9rem;color:#8ba4c7}
.results-section{padding:60px 0}
.cta{padding:80px 0;text-align:center;background:#0d1f3c}
.cta h2{font-size:1.8rem;color:#fff;margin-bottom:16px}
.cta p{color:#8ba4c7;margin-bottom:24px;max-width:500px;margin-left:auto;margin-right:auto}
.cta-btn{display:inline-block;padding:16px 40px;border-radius:10px;background:#4fc3f7;color:#0a1628;font-size:1.1rem;font-weight:700;text-decoration:none;transition:background .2s}
.cta-btn:hover{background:#29b6f6}
footer{text-align:center;padding:30px 0;border-top:1px solid #1a3355;color:#5a7a9a;font-size:.9rem}
footer a{color:#4fc3f7;text-decoration:none}
.result-card{background:#0d1f3c;border:1px solid #1a3355;border-radius:12px;padding:20px;margin-bottom:16px}
.result-card h3{color:#4fc3f7;margin-bottom:8px}
.result-card .score{font-size:3rem;font-weight:800;text-align:center;color:#fff}
.result-card .grade{font-size:1.2rem;text-align:center;margin-bottom:16px}
.grade-pass{color:#4caf50}
.grade-warn{color:#ff9800}
.grade-fail{color:#f44336}
.result-card ul{list-style:none;padding:0}
.result-card li{padding:8px 0;border-bottom:1px solid #1a3355;display:flex;justify-content:space-between;align-items:center}
.result-card li:last-child{border-bottom:none}
.result-card .check{color:#4caf50}
.result-card .cross{color:#f44336}
.result-card .rec{margin-top:12px;padding:12px;background:#0a1628;border-radius:8px;border-left:3px solid #4fc3f7}
@media(max-width:600px){h1{font-size:1.8rem}.hero{padding:40px 0}.feature-grid{grid-template-columns:1fr}}