:root{--navy:#1a2744;--navy-light:#2a3a5c;--green:#1a7f37;--green-light:#e8f5e9;--red:#d32f2f;--red-light:#fce4ec;--gray-50:#fafafa;--gray-100:#f5f5f5;--gray-200:#eee;--gray-300:#e0e0e0;--gray-400:#bdbdbd;--gray-500:#9e9e9e;--gray-600:#757575;--gray-700:#616161;--radius:8px;--max-width:720px}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--navy);-webkit-font-smoothing:antialiased;background:#fff;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.btn{border-radius:var(--radius);cursor:pointer;border:none;justify-content:center;align-items:center;padding:12px 24px;font-size:15px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn-primary{background:var(--green);color:#fff}.btn-primary:hover{background:#15692d}.btn-primary:disabled{background:var(--gray-400);cursor:not-allowed}.btn-secondary{color:var(--navy);border:1px solid var(--gray-300);background:#fff}.btn-secondary:hover{border-color:var(--navy)}.form-group{margin-bottom:16px}.form-group label{margin-bottom:4px;font-size:14px;font-weight:500;display:block}.form-group input,.form-group select{border:1px solid var(--gray-300);width:100%;color:var(--navy);background:#fff;border-radius:6px;padding:10px 12px;font-size:15px;transition:border-color .15s}.form-group input:focus,.form-group select:focus{border-color:var(--navy);outline:none;box-shadow:0 0 0 3px #1a27441a}.form-group input.error{border-color:var(--red)}.form-group .error-msg{color:var(--red);margin-top:4px;font-size:13px}.form-group .valid-mark{color:var(--green);margin-left:6px}.form-row{gap:12px;display:flex}.form-row .form-group{flex:1}.progress-bar{gap:8px;margin-bottom:32px;display:flex}.progress-step{text-align:center;border:1px solid var(--gray-300);border-radius:var(--radius);color:var(--gray-600);background:#fff;flex:1;padding:12px;font-size:13px;font-weight:500}.progress-step.active{border-color:var(--navy);color:var(--navy);background:var(--gray-50)}.progress-step.completed{border-color:var(--green);color:var(--green);background:var(--green-light)}.card{border:1px solid var(--gray-200);border-radius:var(--radius);background:#fff;margin-bottom:16px;padding:24px}.card h2{margin-bottom:4px;font-size:18px;font-weight:600}.card .subtitle{color:var(--gray-600);margin-bottom:16px;font-size:14px}.header{border-bottom:1px solid var(--gray-200);justify-content:space-between;align-items:center;margin-bottom:32px;padding:16px 0;display:flex}.logo{color:var(--navy);font-size:22px;font-weight:700;text-decoration:none}.logo span{color:var(--gray-500);margin-left:8px;font-size:13px;font-weight:400}.hero{text-align:center;padding:48px 0 32px}.hero h1{margin-bottom:12px;font-size:30px;font-weight:700}.hero p{color:var(--gray-600);max-width:540px;margin:0 auto 24px;font-size:17px}.hero .price{color:var(--green);font-size:22px;font-weight:600}.hero .price span{color:var(--gray-600);font-size:14px;font-weight:400}.features{text-align:center;gap:16px;margin:32px 0;display:flex}.feature{border:1px solid var(--gray-200);border-radius:var(--radius);flex:1;padding:20px}.feature h3{margin-bottom:4px;font-size:15px}.feature p{color:var(--gray-600);font-size:13px}.faq{margin:40px 0}.faq h2{text-align:center;margin-bottom:20px;font-size:22px}.faq-item{border-bottom:1px solid var(--gray-200);padding:16px 0}.faq-item h3{margin-bottom:4px;font-size:15px;font-weight:600}.faq-item p{color:var(--gray-600);font-size:14px}.footer{text-align:center;border-top:1px solid var(--gray-200);color:var(--gray-500);margin-top:40px;padding:24px 0;font-size:13px}.alert{border-radius:var(--radius);margin-bottom:16px;padding:12px 16px;font-size:14px}.alert-success{background:var(--green-light);color:var(--green);border:1px solid var(--green)}.alert-error{background:var(--red-light);color:var(--red);border:1px solid var(--red)}.loading{text-align:center;color:var(--gray-600);padding:40px}.spinner{border:3px solid var(--gray-300);border-top-color:var(--navy);border-radius:50%;width:32px;height:32px;margin:0 auto 12px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=768px){.form-row,.progress-bar,.features{flex-direction:column}.container{padding:0 16px}.hero h1{font-size:24px}}