@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:#f0f4f8;color:#1a2332;line-height:1.6;padding:20px}.container{max-width:800px;margin:0 auto;background:#fff;border-radius:16px;box-shadow:0 4px 24px rgba(0,0,0,.08);overflow:hidden}.header{background:linear-gradient(135deg,#1B4F72,#2E86C1);color:white;padding:40px 40px 30px;text-align:center}.header h1{font-size:1.6rem;font-weight:700;margin-bottom:8px}.header .subtitle{font-size:1.05rem;opacity:.9;font-weight:400}.info-bar{display:flex;gap:16px;padding:16px 40px;background:#e8f4fd;font-size:.9rem;color:#1B4F72;flex-wrap:wrap}.info-bar span{display:flex;align-items:center;gap:6px}.info-bar .icon{font-size:1.1rem}.intro{padding:20px 40px;color:#5a6a7a;font-size:.92rem;font-style:italic;border-bottom:1px solid #eef2f6}.legend{padding:16px 40px;gap:20px;font-size:.82rem;color:#7a8a9a;background:#fafbfc;border-bottom:1px solid #eef2f6}.legend,.legend-scale{display:flex;align-items:center}.legend-scale{gap:4px}.legend-dot{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:white}.section{padding:0 40px}.section-title{font-size:1rem;font-weight:700;color:#1B4F72;padding:24px 0 8px;border-bottom:2px solid #d6eaf8;margin-bottom:4px;display:flex;align-items:center;gap:10px}.section-title .num{background:#1B4F72;color:white;width:28px;height:28px;border-radius:50%;justify-content:center;font-size:.85rem;flex-shrink:0}.question,.section-title .num{display:flex;align-items:center}.question{justify-content:space-between;padding:14px 0;border-bottom:1px solid #f0f3f6;gap:20px}.question:last-child{border-bottom:none}.question-text{flex:1 1;font-size:.92rem;color:#2c3e50}.rating-group{display:flex;gap:6px;flex-shrink:0}.rating-btn{width:40px;height:40px;border-radius:50%;border:2px solid #d0d8e0;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;color:#8a9aaa;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:transparent;font-family:inherit}.rating-btn:hover{border-color:#2E86C1;color:#2E86C1;background:#e8f4fd;transform:scale(1.1)}.open-section{padding:24px 40px 32px}.open-question{margin-bottom:24px}.open-question label{display:block;font-size:.92rem;font-weight:600;color:#1B4F72;margin-bottom:8px}.open-question textarea{width:100%;border:2px solid #e0e6ec;border-radius:10px;padding:14px;font-family:inherit;font-size:.9rem;resize:vertical;min-height:90px;transition:border-color .2s;line-height:1.5}.open-question textarea:focus{outline:none;border-color:#2E86C1;box-shadow:0 0 0 3px rgba(46,134,193,.15)}.progress-bar{padding:16px 40px;background:#fafbfc;border-top:1px solid #eef2f6}.progress-track{height:8px;background:#e0e6ec;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#2E86C1,#1B8F5A);border-radius:4px;transition:width .4s ease}.progress-text{font-size:.8rem;color:#7a8a9a;margin-top:6px;text-align:center}.footer{padding:24px 40px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.btn{padding:12px 32px;border:none;border-radius:10px;font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#1B4F72,#2E86C1);color:white;box-shadow:0 4px 12px rgba(27,79,114,.3)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(27,79,114,.4)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:#f0f4f8;color:#5a6a7a}.btn-secondary:hover{background:#e0e6ec}.score-summary{display:none;padding:30px 40px;background:linear-gradient(135deg,#e8f8f0,#e8f4fd);text-align:center}.score-summary.visible{display:block}.score-big{font-size:3rem;font-weight:700;color:#1B4F72}.score-label{color:#5a6a7a;font-size:.95rem}.thank-you{display:none;padding:60px 40px;text-align:center}.thank-you.visible{display:block}.thank-you .check{font-size:4rem;margin-bottom:16px;color:#27ae60}.thank-you h2{color:#1B4F72;font-size:1.4rem;margin-bottom:8px}.thank-you p{color:#5a6a7a}@media (max-width:600px){.container{border-radius:0}.footer,.header,.info-bar,.open-section,.progress-bar,.score-summary,.section,.thank-you{padding-left:20px;padding-right:20px}.question{flex-direction:column;align-items:flex-start;gap:10px}.rating-btn{width:36px;height:36px;font-size:.8rem}.intro,.legend{padding-left:20px;padding-right:20px}}