@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f9f9f9;min-height:100vh;color:#0f0f0f}*{margin:0;padding:0;box-sizing:border-box}.app{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:20px}.main-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;border:1px solid #e5e5e5;padding:40px 30px;margin:40px auto;position:relative;max-width:640px;width:100%}.main-container:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:red;border-radius:12px 12px 0 0}.header{text-align:center;margin-bottom:24px}.logo{height:40px;margin-bottom:12px}.title{font-weight:700!important;color:#0f0f0f}.subtitle{color:#606060;margin-top:4px!important}.step-progress{margin:24px 0}.step-label{color:#606060;margin-bottom:8px!important;text-align:center}.form-section-title{display:flex;align-items:center;gap:10px;font-weight:600!important;margin-bottom:20px!important;color:#0f0f0f}.form-section-number{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:red;color:#fff;font-size:.8rem;font-weight:700;flex-shrink:0}.form-group{margin-bottom:20px}.form-label{display:flex;align-items:center;color:#0f0f0f;font-weight:500!important;margin-bottom:8px!important}.language-ability-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.step-nav{display:flex;justify-content:space-between;gap:12px;margin-top:32px}.footer{text-align:center;margin-top:32px;padding-top:20px;border-top:1px solid #e5e5e5}.footer-text{color:gray!important;font-size:.8rem!important}.footer-link{color:red!important}.result-total{text-align:center;padding:28px 0;border-radius:10px;background:linear-gradient(135deg,red,#c00);color:#fff;margin-bottom:24px}.result-total-score{font-size:3rem!important;font-weight:700!important;line-height:1!important}.result-section{margin-bottom:20px}.result-section-title{font-weight:600!important;margin-bottom:8px!important;color:#0f0f0f}.result-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px dashed #e5e5e5;color:#404040}.result-row-total{font-weight:700;color:#0f0f0f}.success-state{text-align:center;padding:40px 20px}.success-state .icon{font-size:60px!important;color:#22c55e!important;margin-bottom:16px}