:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{height:100%}body{margin:0;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}#root{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.container{width:100%;max-width:1200px;background:#fff;border-radius:15px;box-shadow:0 15px 30px #0000001a;overflow:hidden;animation:fadeIn .8s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.header{background:linear-gradient(to right,#2c3e50,#4a6491);color:#fff;padding:25px 30px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.header-logo{display:flex;align-items:center;gap:15px}.header-logo i{font-size:2.5rem;color:#3498db}.company-info{text-align:right;font-size:.9rem;line-height:1.5}.form-container{padding:30px}.progress-bar{display:flex;justify-content:space-between;margin-bottom:40px;position:relative}.progress-bar:before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);height:4px;width:100%;background-color:#e0e0e0;z-index:1}.progress-line{position:absolute;top:50%;left:0;transform:translateY(-50%);height:4px;width:0%;background:linear-gradient(to right,#2c3e50,#3498db);transition:width .5s ease;z-index:2}.step{display:flex;flex-direction:column;align-items:center;position:relative;z-index:3;transition:all .3s ease}.step-circle{width:40px;height:40px;border-radius:50%;background:#fff;border:4px solid #e0e0e0;display:flex;justify-content:center;align-items:center;font-weight:700;color:#999;transition:all .3s ease}.step.active .step-circle{border-color:#3498db;background:#3498db;color:#fff;transform:scale(1.1);box-shadow:0 0 0 5px #3498db33}.step.completed .step-circle{border-color:#2c3e50;background:#2c3e50;color:#fff}.step-label{margin-top:10px;font-size:.9rem;font-weight:600;color:#666;text-align:center}.step.active .step-label{color:#2c3e50}.form-step{display:none;animation:slideIn .5s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.form-title{font-size:1.5rem;color:#2c3e50;margin-bottom:25px;padding-bottom:10px;border-bottom:2px solid #f0f0f0}.form-subtitle{font-size:1.2rem;color:#3498db;margin:20px 0 15px;padding-left:10px;border-left:4px solid #3498db}.form-row{display:flex;flex-wrap:wrap;margin:0 -10px 20px}.form-group{flex:1 0 300px;padding:0 10px;margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#444}.form-control{width:100%;padding:12px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .3s}.form-control:focus{border-color:#3498db;outline:none;box-shadow:0 0 0 3px #3498db33}.form-control.has-error{border-color:#e74c3c}.error-message{color:#e74c3c;font-size:.85rem;margin-top:5px;display:none}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;margin-bottom:25px}.service-option{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;padding:15px;cursor:pointer;transition:all .3s}.service-option:hover{transform:translateY(-5px);border-color:#3498db;box-shadow:0 5px 15px #3498db1a}.service-option.selected{border-color:#3498db;background:#f0f8ff}.service-option input[type=checkbox]{margin-right:10px;transform:scale(1.2)}.service-option label{font-weight:600;color:#2c3e50;cursor:pointer;display:flex;align-items:center}.terms-container{max-height:300px;overflow-y:auto;border:1px solid #e0e0e0;border-radius:8px;padding:20px;margin-bottom:20px;background:#f9f9f9}.terms-section{margin-bottom:20px}.terms-section h4{color:#2c3e50;margin-bottom:10px}.terms-section p{margin-bottom:10px;line-height:1.6;color:#555}.signature-container{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:30px;padding-top:20px;border-top:2px dashed #e0e0e0}.signature-box{flex:1;min-width:250px;margin:0 10px 20px}.signature-line{border-top:1px solid #333;padding-top:5px;text-align:center;font-size:.9rem;color:#666;min-height:30px;margin-top:10px}.form-navigation{display:flex;justify-content:space-between;margin-top:40px}.btn{padding:12px 30px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.btn-prev{background:#f8f9fa;color:#333;border:2px solid #ddd}.btn-prev:hover{background:#e9ecef}.btn-next,.btn-submit{background:linear-gradient(to right,#2c3e50,#3498db);color:#fff}.btn-next:hover,.btn-submit:hover{transform:translateY(-2px);box-shadow:0 5px 15px #2c3e504d}.btn-submit{display:none}.checkbox-group{display:flex;align-items:flex-start;margin-bottom:15px}.checkbox-group input{margin-right:10px;margin-top:5px}.note-box{background:#f0f7ff;border-left:4px solid #3498db;padding:15px;margin:20px 0;border-radius:0 8px 8px 0}.success-message{text-align:center;padding:50px 30px;display:none}.success-icon{font-size:5rem;color:#27ae60;margin-bottom:20px;animation:bounce 1s ease infinite alternate}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.requirements-list{margin-left:20px;margin-bottom:20px}.requirements-list li{margin-bottom:8px;line-height:1.5}.section-divider{height:2px;background:linear-gradient(to right,transparent,#3498db,transparent);margin:30px 0}@media(max-width:768px){.form-row{flex-direction:column}.form-group{flex:1 0 100%}.header{flex-direction:column;text-align:center;gap:15px}.company-info{text-align:center}.progress-bar{margin-bottom:30px}.step-label{font-size:.8rem}.services-grid{grid-template-columns:1fr}}*,*:before,*:after{box-sizing:border-box}html,body{width:100%;max-width:100%;overflow-x:hidden}img,video,canvas,svg{max-width:100%;height:auto}.container{width:100%;max-width:1100px;margin:0 auto;padding:16px}.header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;padding:16px;border-radius:14px}.header-logo{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.header-logo i{font-size:28px;flex:0 0 auto}.header-logo h1{font-size:clamp(18px,2.2vw,28px);margin:0;line-height:1.2}.header-logo p{margin:4px 0 0;font-size:clamp(12px,1.4vw,14px);opacity:.9}.company-info{min-width:260px;max-width:100%;font-size:clamp(12px,1.3vw,14px);line-height:1.35}.form-container{width:100%;max-width:100%;padding:16px;margin-top:14px;border-radius:14px;overflow:hidden}.progress-bar{position:relative;display:flex;align-items:flex-start;gap:14px;padding:14px 10px 18px;overflow-x:auto;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.progress-line{position:absolute;left:0;top:26px;height:3px;border-radius:8px;z-index:0}.step{position:relative;z-index:1;flex:0 0 auto;min-width:90px;text-align:center}.step-circle{width:34px;height:34px;border-radius:50%;margin:0 auto;display:grid;place-items:center;font-weight:700}.step-label{margin-top:6px;font-size:12px;line-height:1.2;white-space:normal}.form-step{display:none;width:100%;max-width:100%}.form-step.active{display:block}.form-title{font-size:clamp(18px,2vw,24px);margin-bottom:10px}.note-box{width:100%;max-width:100%;border-radius:12px;padding:12px;display:flex;gap:10px;align-items:flex-start;flex-wrap:wrap}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%;max-width:100%;margin-bottom:14px}.form-group,.form-control{width:100%;max-width:100%}textarea.form-control,textarea{max-width:100%;width:100%;resize:vertical}input[type=file].form-control,input[type=file]{width:100%;max-width:100%}.services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.service-option{width:100%;max-width:100%;border-radius:12px}.terms-container{width:100%;max-width:100%;overflow:hidden}.terms-section h4{font-size:clamp(14px,1.6vw,16px)}.terms-section p{font-size:clamp(12px,1.4vw,14px);line-height:1.5}.signature-container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%;max-width:100%}.signature-box{width:100%;max-width:100%;border-radius:14px;overflow:hidden}.signature-line{width:100%;max-width:100%;overflow:hidden}.signature-line img{max-width:100%;height:auto;object-fit:contain}.form-navigation{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:18px}.btn{max-width:100%}.btn-prev,.btn-next,.btn-submit{white-space:nowrap}.error-message{max-width:100%;word-break:break-word}@media(max-width:768px){.container{padding:12px}.header{padding:12px;align-items:flex-start}.company-info{width:100%;min-width:0}.form-container{padding:12px}.form-row,.services-grid,.signature-container{grid-template-columns:1fr}.form-navigation{justify-content:stretch}.btn-prev,.btn-next,.btn-submit{width:100%}.step-label{display:none}.step{min-width:56px}}@media(max-width:420px){.header-logo i{font-size:24px}.step-circle{width:30px;height:30px}.progress-bar{gap:10px}}