:root{--brg-blue: #0A3B5C;--brg-blue-dark: #072A42;--brg-gold: #F2C94C;--brg-gold-light: #F2D675;--brg-gold-dark: #E6A817;--brg-gray: #A0A0A0;--brg-gray-light: #F8F9FA;--brg-gray-dark: #4A4A4A}body{margin:0;font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--brg-gray-light);color:var(--brg-gray-dark)}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.header{background:linear-gradient(135deg,var(--brg-blue) 0%,var(--brg-blue-dark) 100%);color:#fff;padding:1.5rem 0;text-align:center;box-shadow:0 4px 12px #00000026}.logo-container{display:flex;justify-content:center;margin-bottom:1rem}.logo{height:80px;width:auto}.quiz-container{background-color:#fff;border-radius:16px;box-shadow:0 10px 30px #00000014;margin:2rem auto;max-width:900px;overflow:hidden;border:1px solid rgba(0,0,0,.05)}.quiz-header{background:linear-gradient(135deg,var(--brg-blue) 0%,var(--brg-blue-dark) 100%);color:#fff;padding:2rem;text-align:center;position:relative;overflow:hidden}.quiz-header:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23ffffff' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");opacity:.3}.quiz-content{padding:2.5rem}.question-card{background-color:#fff;border-radius:12px;box-shadow:0 6px 16px #0000000f;margin-bottom:2.5rem;padding:2rem;transition:all .3s ease;border:1px solid rgba(0,0,0,.03)}.question-card:hover{box-shadow:0 10px 24px #0000001a;transform:translateY(-3px)}.question-text{color:var(--brg-blue);font-size:1.35rem;font-weight:600;margin-bottom:1.75rem;position:relative;padding-left:1.5rem}.question-text:before{content:"";position:absolute;left:0;top:.25rem;width:6px;height:80%;background:linear-gradient(to bottom,var(--brg-gold),var(--brg-gold-dark));border-radius:3px}.options-container{display:flex;flex-direction:column;gap:1rem}.option-button{background-color:#fff;border:2px solid #e8e8e8;border-radius:10px;color:var(--brg-gray-dark);cursor:pointer;font-size:1.05rem;padding:1.25rem;text-align:left;transition:all .2s ease;position:relative;overflow:hidden}.option-button:hover{background-color:#f9f9f9;border-color:#d8d8d8}.option-button.selected{background-color:var(--brg-blue);border-color:var(--brg-blue);color:#fff;box-shadow:0 4px 12px #0a3b5c33}.option-button.selected:after{content:"✓";position:absolute;right:1.25rem;top:50%;transform:translateY(-50%);font-size:1.25rem;font-weight:700}.form-container{background-color:#fff;border-radius:12px;box-shadow:0 6px 16px #0000000f;margin-bottom:2.5rem;padding:2.5rem;border:1px solid rgba(0,0,0,.03)}.form-title{color:var(--brg-blue);font-size:1.85rem;font-weight:700;margin-bottom:.75rem;text-align:center}.form-subtitle{color:var(--brg-gray-dark);font-size:1.15rem;margin-bottom:2.5rem;text-align:center;line-height:1.5}.form-group{margin-bottom:1.75rem}.form-label{color:var(--brg-gray-dark);display:block;font-size:1.05rem;font-weight:600;margin-bottom:.75rem}.form-input{background-color:#f9f9f9;border:2px solid #e8e8e8;border-radius:10px;color:var(--brg-gray-dark);font-size:1.05rem;padding:1rem 1.25rem;transition:all .2s ease;width:100%}.form-input:focus{border-color:var(--brg-blue);box-shadow:0 0 0 4px #0a3b5c1a;outline:none}.form-input.error{border-color:#dc3545}.error-message{color:#dc3545;font-size:.9rem;margin-top:.5rem;display:flex;align-items:center}.error-message:before{content:"!";display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background-color:#dc3545;color:#fff;border-radius:50%;margin-right:.5rem;font-size:.75rem;font-weight:700}.button-primary{background:linear-gradient(135deg,var(--brg-blue) 0%,var(--brg-blue-dark) 100%);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.15rem;font-weight:600;padding:1.25rem 2.5rem;text-align:center;transition:all .3s ease;width:100%;position:relative;overflow:hidden}.button-primary:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,0) 100%);opacity:0;transition:opacity .3s ease}.button-primary:hover{transform:translateY(-3px);box-shadow:0 6px 15px #0a3b5c40}.button-primary:hover:after{opacity:1}.button-secondary{background-color:#fff;border:2px solid var(--brg-blue);border-radius:10px;color:var(--brg-blue);cursor:pointer;font-size:1.05rem;font-weight:600;padding:1rem 1.75rem;text-align:center;transition:all .3s ease}.button-secondary:hover{background-color:var(--brg-blue);color:#fff;box-shadow:0 4px 12px #0a3b5c26}.results-container{background-color:#fff;border-radius:16px;box-shadow:0 10px 30px #00000014;margin:2rem auto;max-width:900px;overflow:hidden;border:1px solid rgba(0,0,0,.05)}.results-header{background:linear-gradient(135deg,var(--brg-blue) 0%,var(--brg-blue-dark) 100%);color:#fff;padding:2.5rem;text-align:center;position:relative;overflow:hidden}.results-header:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23ffffff' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");opacity:.3}.results-title{font-size:2.25rem;font-weight:700;margin-bottom:.75rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.results-subtitle{font-size:1.25rem;opacity:.9;max-width:700px;margin:0 auto;line-height:1.5}.results-content{padding:2.5rem}.score-container{align-items:center;display:flex;flex-direction:column;margin-bottom:2.5rem}.score-circle{align-items:center;background:linear-gradient(135deg,var(--brg-gold) 0%,var(--brg-gold-dark) 100%);border-radius:50%;color:#333;display:flex;flex-direction:column;font-size:2.75rem;font-weight:700;height:180px;justify-content:center;margin-bottom:1.5rem;width:180px;box-shadow:0 8px 20px #f2c94c4d;position:relative}.score-circle:after{content:"";position:absolute;top:5px;left:5px;right:5px;bottom:5px;border:2px dashed rgba(255,255,255,.3);border-radius:50%}.score-circle span{font-size:1rem;font-weight:500;opacity:.8;margin-top:.25rem}.score-label{color:var(--brg-gray-dark);font-size:1.25rem;font-weight:600}.comparison-container{background-color:#f9f9f9;border-radius:12px;margin-bottom:2.5rem;padding:2rem;border:1px solid rgba(0,0,0,.03)}.comparison-title{color:var(--brg-blue);font-size:1.6rem;font-weight:700;margin-bottom:1.75rem;text-align:center;position:relative;padding-bottom:1rem}.comparison-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:3px;background:linear-gradient(to right,var(--brg-gold),var(--brg-gold-dark));border-radius:1.5px}.comparison-row{align-items:center;border-bottom:1px solid #e8e8e8;display:flex;justify-content:space-between;padding:1.25rem 0}.comparison-row:last-child{border-bottom:none}.comparison-label{color:var(--brg-gray-dark);font-weight:600;font-size:1.1rem}.comparison-fsbo{color:#dc3545;font-weight:700;font-size:1.1rem;display:flex;align-items:center}.comparison-fsbo:before{content:"↓";margin-right:.5rem;font-size:1.2rem}.comparison-pro{color:#28a745;font-weight:700;font-size:1.1rem;display:flex;align-items:center}.comparison-pro:before{content:"↑";margin-right:.5rem;font-size:1.2rem}.highlight-container{background:linear-gradient(135deg,var(--brg-gold-light) 0%,var(--brg-gold) 100%);border-radius:12px;margin-bottom:2.5rem;padding:2rem;text-align:center;box-shadow:0 8px 20px #f2c94c26;position:relative;overflow:hidden}.highlight-container:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='52' height='26' viewBox='0 0 52 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.1'%3E%3Cpath d='M10 10c0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6h2c0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4v2c-3.314 0-6-2.686-6-6 0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6zm25.464-1.95l8.486 8.486-1.414 1.414-8.486-8.486 1.414-1.414z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.highlight-title{color:#333;font-size:1.6rem;font-weight:700;margin-bottom:.75rem}.highlight-value{color:var(--brg-blue-dark);font-size:2.75rem;font-weight:800;text-shadow:0 2px 4px rgba(0,0,0,.1)}.cta-container{margin-top:2.5rem;text-align:center}.cta-button{background:linear-gradient(135deg,var(--brg-gold) 0%,var(--brg-gold-dark) 100%);border:none;border-radius:10px;color:#333;cursor:pointer;font-size:1.25rem;font-weight:700;padding:1.5rem 3rem;text-align:center;transition:all .3s ease;box-shadow:0 6px 15px #f2c94c40;position:relative;overflow:hidden}.cta-button:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,rgba(255,255,255,0) 100%);opacity:0;transition:opacity .3s ease}.cta-button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #f2c94c59}.cta-button:hover:after{opacity:1}.progress-container{background-color:#e8e8e8;border-radius:12px;height:12px;margin:2.5rem 0;overflow:hidden;width:100%;box-shadow:inset 0 1px 3px #0000001a}.progress-bar{background:linear-gradient(to right,var(--brg-gold),var(--brg-blue));height:100%;transition:width .4s ease;border-radius:12px}.footer{background-color:var(--brg-blue-dark);color:#fff;margin-top:auto;padding:2rem 0;text-align:center}.footer-logo{height:50px;margin-bottom:1.25rem;width:auto}.footer-text{font-size:.95rem;opacity:.8;max-width:600px;margin:0 auto;line-height:1.5}@media (max-width: 768px){.quiz-content{padding:1.75rem}.question-card{padding:1.5rem}.form-container,.results-header{padding:1.75rem}.results-title{font-size:1.85rem}.score-circle{font-size:2.25rem;height:150px;width:150px}.highlight-value{font-size:2.25rem}.cta-button{font-size:1.15rem;padding:1.25rem 2.5rem}}@tailwind base;@tailwind components;@tailwind utilities;body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.App{min-height:100vh;display:flex;flex-direction:column}