*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}.header{color:#fff;text-align:center;margin-bottom:40px}.header h1{margin-bottom:20px}.subtitle{color:#fffc;font-size:16px}.container{max-width:1200px;margin:0 auto;padding:20px}.container .header{color:#fff;text-align:center;margin-bottom:40px}.container .header h1{margin-bottom:20px}.container .header h1 a{color:inherit;text-decoration:none}.home-card{background:#fff;border-radius:12px;padding:40px;box-shadow:0 4px 20px #00000026}.home-header{text-align:center;margin-bottom:36px}.home-header h1{color:#2c3e50;font-size:2rem;margin-bottom:8px}.tagline{color:#7f8c8d;font-size:16px}.home-section{margin-bottom:28px}.home-section h2{color:#2c3e50;font-size:1.2rem;margin-bottom:10px}.home-section p{color:#4a4a4a;line-height:1.6;margin-bottom:10px}.home-section ul{padding-left:20px;color:#4a4a4a;line-height:1.8}.btn-start{display:block;width:100%;padding:16px;font-size:18px;border-radius:8px;margin-top:10px}.disclaimer-box{background-color:#fff8e1;border-left:4px solid #f39c12;border-radius:6px;padding:16px 20px;color:#5d4037;line-height:1.6;margin-bottom:28px;font-size:14px}.btn{border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:#3498db;color:#fff}.btn-primary:hover:not(:disabled){background-color:#2980b9}.btn-secondary{background-color:#95a5a6;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#7f8c8d}.progress-bar{width:100%;height:20px;background-color:#ecf0f1;border-radius:10px;overflow:hidden;margin-bottom:10px}.progress-fill{height:100%;background:linear-gradient(90deg,#3498db,#2ecc71);transition:width .3s ease}.progress-text{color:#dde;font-size:14px}.question-section{background:#fff;padding:30px;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px}.question-section h2{color:#2c3e50;margin-bottom:30px;font-size:24px}.answers{display:flex;flex-direction:column;gap:15px}.answer-option{padding:20px;border:2px solid #ecf0f1;border-radius:8px;cursor:pointer;transition:all .3s ease;background-color:#f8f9fa}.answer-option:hover{border-color:#3498db;background-color:#e8f4f8}.answer-option.selected{border-color:#2ecc71;background-color:#d5f4e6;font-weight:500}.navigation{display:flex;justify-content:space-between;gap:10px}.navigation .btn{padding:12px 30px;font-size:16px}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:30px;margin-bottom:40px}.result-card{background:#fff;padding:30px;border-radius:10px;box-shadow:0 2px 10px #0000001a}.result-card h2{color:#2c3e50;margin-bottom:5px;font-size:22px;text-align:center}.axis-label{color:#7f8c8d;font-size:14px;margin-bottom:30px;text-align:center}.result-visual{margin-bottom:30px}.spectrum-bar{height:40px;background:linear-gradient(90deg,#e74c3c,#f39c12 33%,#95a5a6,#3498db 67%,#2ecc71);border-radius:20px;position:relative;margin-bottom:10px}.marker{position:absolute;top:50%;transform:translate(-50%,-50%);width:20px;height:20px;background:#fff;border:3px solid #2c3e50;border-radius:50%;box-shadow:0 2px 8px #0000004d}.spectrum-labels{display:flex;justify-content:space-between;font-size:12px;color:#7f8c8d}.result-details{text-align:center}.label-badge{display:inline-block;padding:8px 20px;border-radius:20px;font-weight:700;font-size:18px;margin-bottom:15px}.label-badge[data-position=\41b\44f\432\43e],.label-badge[data-position=\41a\43e\43d\441\435\440\432\430\442\438\432\43d\43e]{background-color:#e74c3c;color:#fff}.label-badge[data-position=\426\435\43d\442\44a\440],.label-badge[data-position=\423\43c\435\440\435\43d\43e]{background-color:#95a5a6;color:#fff}.label-badge[data-position=\414\44f\441\43d\43e],.label-badge[data-position=\41b\438\431\435\440\430\43b\43d\43e]{background-color:#2ecc71;color:#fff}.percentage{font-size:32px;font-weight:700;color:#2c3e50;margin:10px 0}.score-detail{color:#7f8c8d;font-size:14px}.political-compass{background:#fff;padding:30px;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px}.compass-grid{width:100%;height:400px;background:linear-gradient(to bottom,#2ecc7133,#95a5a633,#e74c3c33);position:relative;border:2px solid #95a5a6;border-radius:10px}.compass-grid:before{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background:#95a5a6}.compass-grid:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:#95a5a6}.compass-labels{position:relative;width:100%;height:100%}.compass-labels span{position:absolute;font-weight:700;color:#2c3e50}.label{background-color:#fff;padding:4px 10px;z-index:10}.label-top{top:3px;left:50%;transform:translate(-50%)}.label-bottom{bottom:3px;left:50%;transform:translate(-50%)}.label-left{left:3px;top:50%;transform:translateY(-50%)}.label-right{right:3px;top:50%;transform:translateY(-50%)}.party-marker{position:absolute;width:18px;height:18px;border:2px solid white;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 2px 6px #00000059;z-index:20;cursor:default}.party-label{display:block;position:absolute;bottom:18px;left:50%;transform:translate(-50%);background:#1e1e1ebf;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;white-space:nowrap;pointer-events:none;z-index:20}.compass-marker{position:absolute;width:30px;height:30px;background:#3498db;border:4px solid white;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 3px 10px #0000004d;z-index:20}.compass-marker>Span{background-color:#3498db;bottom:27px}.compass-marker:hover,.compass-marker:hover>Span{opacity:.5}.actions{text-align:center}.actions .btn{padding:15px 40px;font-size:18px}.actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3498db66}@media(max-width:600px){body{padding:8px}.container{padding:8px 8px 20px}.container .header{margin-bottom:20px}.container .header h1{font-size:26px}.home-card{padding:20px 16px}.home-header{margin-bottom:20px}.home-header h1{font-size:1.5rem}.home-section{margin-bottom:18px}.question-section{padding:16px 14px;margin-bottom:16px}.question-section h2{font-size:18px;margin-bottom:16px}.answer-option{padding:14px 12px}.navigation .btn{padding:10px 18px;font-size:15px}.results-grid{grid-template-columns:1fr;gap:16px;margin-bottom:16px}.result-card{padding:18px 14px}.political-compass{padding:16px 12px;margin-bottom:16px}.compass-grid{height:280px}.actions .btn{padding:12px 24px;font-size:16px}}