*{box-sizing:border-box}.quizbody{background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0;min-height:100vh;padding:20px}.container{background:#fff;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.3);margin:0 auto;max-width:900px;overflow:hidden}.header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:40px 30px;text-align:center}.header h1{font-size:32px;font-weight:700;margin:0 0 20px}.score-display{background:#fff;border-radius:100px;box-shadow:0 10px 30px rgba(0,0,0,.2);color:#667eea;display:inline-block;font-size:48px;font-weight:700;margin-bottom:20px;padding:20px 40px}.tier-badge{background:hsla(0,0%,100%,.2);border:2px solid hsla(0,0%,100%,.3);border-radius:30px;color:#fff;display:inline-block;font-size:18px;font-weight:600;letter-spacing:1px;padding:10px 24px;text-transform:uppercase}.content{padding:40px 30px}.video-section{background:#f8f9fa;border-radius:12px;margin-bottom:30px;padding:30px;text-align:center}.video-title{color:#333;font-size:20px;font-weight:600;margin-bottom:20px}.video-placeholder{background:#e9ecef;border:2px dashed #adb5bd;border-radius:8px;color:#6c757d;font-size:14px;padding:1px}.video-placeholder .icon{font-size:48px;margin-bottom:1px}.results-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:30px 0}.result-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:20px;text-align:center}.result-card h3{color:#666;font-size:16px;font-weight:500;margin:0 0 10px}.result-value{color:#333;font-size:28px;font-weight:700;margin:0}.breakdown{background:#fff;border:1px solid #e9ecef;border-radius:12px;margin:30px 0;padding:20px}.breakdown h2{color:#333;font-size:20px;margin:0 0 20px}.breakdown-item{align-items:center;border-bottom:1px solid #f1f3f5;display:flex;padding:12px 0}.breakdown-item:last-child{border-bottom:none}.breakdown-label{color:#495057;flex:1;font-size:15px}.breakdown-score{color:#333;font-weight:600;margin-right:10px}.score-bar{background:#e9ecef;border-radius:4px;height:8px;overflow:hidden;width:120px}.score-fill{background:linear-gradient(135deg,#667eea,#764ba2);height:100%;transition:width .5s ease}.recommendations{background:#f8f9fa;border-radius:12px;margin:30px 0;padding:30px}.recommendations h2{color:#333;font-size:22px;margin:0 0 20px}.recommendation-list{list-style:none;margin:0;padding:0}.recommendation-list li{align-items:flex-start;color:#495057;display:flex;line-height:1.6;margin-bottom:15px}.recommendation-list li:before{color:#667eea;content:"✓";font-size:18px;font-weight:700;margin-right:12px}.warning-box{background:linear-gradient(135deg,rgba(255,193,7,.1),rgba(255,152,0,.1));border:2px solid #ffc107;border-radius:12px;margin:30px 0;padding:20px}.warning-box h3{color:#ff6b00;font-size:18px;margin:0 0 10px}.warning-box p{color:#666;line-height:1.6;margin:0}.cta-section{background:linear-gradient(135deg,rgba(102,126,234,.05),rgba(118,75,162,.05));border-radius:12px;margin:30px 0;padding:40px 30px;text-align:center}.cta-title{color:#333;font-size:24px;font-weight:700;margin:0 0 10px}.cta-subtitle{color:#666;font-size:16px;margin:0 0 25px}.btn-group{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.btn{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-size:16px;font-weight:600;padding:14px 28px;text-decoration:none;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px rgba(102,126,234,.3);color:#fff}.btn-primary:hover{box-shadow:0 6px 20px rgba(102,126,234,.4);transform:translateY(-2px)}.btn-secondary{background:#fff;border:2px solid #667eea;color:#667eea}.btn-secondary:hover{background:#f8f9ff}.tier-invisible{border-top:4px solid #dc3545}.tier-emerging{border-top:4px solid #ffc107}.tier-competing{border-top:4px solid #60a5fa}.tier-dominating{border-top:4px solid #34d399}.competitor-alert{background:#fff3cd;border-left:4px solid #ffc107;border-radius:8px;margin:20px 0;padding:15px}.competitor-alert h4{color:#856404;font-size:16px;margin:0 0 8px}.competitor-alert p{color:#856404;font-size:14px;margin:0}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:slideIn .5s ease forwards}