.supplier-signup-page{min-height:100vh;background:#000;position:relative;display:flex;align-items:center;overflow-x:hidden}.supplier-signup-page:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 10% 20%,rgba(255,102,0,.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,102,0,.06) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(255,102,0,.04) 0%,transparent 50%);pointer-events:none}.signup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:60px;padding:40px 40px 0;max-width:1400px;margin-left:auto;margin-right:auto}.logo-container{display:flex;align-items:center;gap:12px}.logo-icon{font-size:3.5rem!important;width:3.5rem!important;height:3.5rem!important;color:#f60;display:inline-flex!important;align-items:center;vertical-align:middle}.logo-text{font-weight:800!important;color:#fff;letter-spacing:-.5px;line-height:1;font-size:3rem!important}.clickable-logo{transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:8px;padding:8px;margin:-8px}.clickable-logo:hover{transform:translateY(-2px);background:#ff66001a}.clickable-logo:hover .logo-icon,.clickable-logo:hover .logo-text{color:#f83}.social-media{display:flex;gap:16px;align-items:center}.social-btn{width:44px!important;height:44px!important;background:#ffffff0d!important;border:1px solid rgba(255,102,0,.2)!important;border-radius:50%!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.social-btn:hover{background:#ff66001a!important;border-color:#f606!important;transform:translateY(-2px)}.social-icon{width:20px;height:20px;color:#ffffffb3;transition:color .3s}.social-btn:hover .social-icon{color:#f60}.signup-container{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;max-width:1400px;margin:0 auto;padding:0 40px 40px;position:relative;z-index:2}.benefits-side{color:#fff}.welcome-title{font-size:clamp(2.5rem,4vw,3.5rem)!important;font-weight:900!important;line-height:1.1!important;margin-bottom:20px!important;background:linear-gradient(135deg,#fff,#ccc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-1px}.welcome-subtitle{font-size:1.3rem!important;color:#ffffffb3;line-height:1.5!important;margin-bottom:40px!important}.early-bird-card{background:linear-gradient(135deg,#ff660026,#ff66000d);border:1px solid rgba(255,102,0,.3);border-radius:20px;padding:32px;margin-bottom:40px;position:relative;overflow:hidden}.early-bird-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#FF6600,transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.early-bird-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.star-icon{font-size:1.5rem!important;color:#f60}.early-bird-header h6{font-size:1.3rem!important;font-weight:700!important;color:#f60;margin:0!important}.early-bird-desc{color:#fffc;margin-bottom:20px!important;line-height:1.5}.early-bird-benefits{display:flex;flex-direction:column;gap:12px}.early-bird-benefit{display:flex;align-items:center;gap:12px}.check-icon{font-size:1.2rem!important;color:#4caf50;flex-shrink:0}.early-bird-benefit .MuiTypography-root{color:#ffffffe6;font-size:.95rem!important}.process-steps{background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:28px;margin-bottom:40px}.process-title{font-size:1.2rem!important;font-weight:600!important;color:#ffffffe6;margin-bottom:24px!important}.process-step{display:flex;align-items:center;gap:16px;margin-bottom:16px}.process-step:last-child{margin-bottom:0}.step-number{width:32px;height:32px;background:linear-gradient(135deg,#f60,#f83);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;flex-shrink:0}.process-step .MuiTypography-root{color:#fffc;font-size:1rem!important}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.mini-stat{text-align:center;padding:20px;background:#ffffff05;border:1px solid rgba(255,102,0,.2);border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.mini-stat:hover{transform:translateY(-2px);background:#ff66000d;border-color:#f606}.stat-value{font-size:1.8rem!important;font-weight:800!important;color:#f60;line-height:1!important;margin-bottom:4px!important}.stat-label{font-size:.85rem!important;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.form-container{background:#ffffff08!important;border:1px solid rgba(255,102,0,.2)!important;border-radius:24px!important;padding:48px!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.form-container:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,102,0,.05) 0%,transparent 70%);pointer-events:none}.form-title{font-size:2rem!important;font-weight:800!important;color:#fff;margin-bottom:40px!important;text-align:center;position:relative}.form-title:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,transparent,#FF6600,transparent)}.form-field{margin-bottom:24px!important}.form-field .MuiInputLabel-root{color:#fffffff2!important;display:flex;align-items:center;gap:8px;font-weight:600!important;background:#0006!important;padding:4px 12px!important;border-radius:8px!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-field .MuiInputLabel-root.Mui-focused{color:#f60!important;background:#ff660026!important}.form-field .MuiInputLabel-root.Mui-error{color:#f44336!important;background:#f4433626!important}.label-icon{font-size:1.2rem!important;color:#f60c}.custom-input{background:#ffffff05;border-radius:12px!important;color:#fff!important}.custom-input .MuiOutlinedInput-notchedOutline{border-color:#ffffff1a!important;transition:all .3s cubic-bezier(.4,0,.2,1)}.custom-input:hover .MuiOutlinedInput-notchedOutline{border-color:#ff66004d!important}.custom-input.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#f60!important;border-width:2px!important}.custom-input input{color:#fff!important}.date-field .MuiOutlinedInput-root{background:#ffffff05!important;border-radius:12px!important;color:#fff!important}.date-field .MuiInputLabel-root{color:#fffffff2!important;font-weight:600!important;background:#0006!important;padding:4px 12px!important;border-radius:8px!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.date-field .MuiInputLabel-root.Mui-focused{color:#f60!important;background:#ff660026!important}.date-field input{color:#fff!important;font-weight:500!important;-webkit-text-fill-color:#ffffff!important}.date-field .MuiOutlinedInput-notchedOutline{border-color:#ffffff4d!important}.date-field:hover .MuiOutlinedInput-notchedOutline{border-color:#ff660080!important}.date-field.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#f60!important;border-width:2px!important}.date-field .MuiTextField-root{width:100%}.date-field .MuiTextField-root input{color:#fff!important;-webkit-text-fill-color:#ffffff!important;font-weight:500!important}.date-field .MuiTextField-root .MuiInputLabel-root{color:#fffffff2!important;font-weight:600!important;background:#0006!important;padding:4px 12px!important;border-radius:8px!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.date-field .MuiTextField-root .MuiInputLabel-root.Mui-focused{color:#f60!important;background:#ff660026!important}.date-field .MuiTextField-root .MuiOutlinedInput-root{background:#ffffff05!important;border-radius:12px!important}.date-field .MuiTextField-root .MuiOutlinedInput-notchedOutline{border-color:#ffffff4d!important}.date-field .MuiTextField-root:hover .MuiOutlinedInput-notchedOutline{border-color:#ff660080!important}.date-field .MuiTextField-root .Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#f60!important;border-width:2px!important}.date-field input[type=text],.date-field input[type=date]{color:#fff!important;-webkit-text-fill-color:#ffffff!important;font-weight:500!important;background:transparent!important}.date-field .MuiInputBase-input,.date-field .MuiOutlinedInput-input,.date-field .MuiInputBase-root input,.date-field .MuiTextField-root .MuiInputBase-input,.date-field .MuiTextField-root .MuiOutlinedInput-input{color:#fff!important;-webkit-text-fill-color:#ffffff!important;caret-color:#fff!important}.date-field input[value]{color:#fff!important;-webkit-text-fill-color:#ffffff!important}.supplier-signup-page .date-field .MuiInputBase-input,.supplier-signup-page .date-field .MuiOutlinedInput-input,.supplier-signup-page .date-field input,.supplier-signup-page .form-field.date-field input,.supplier-signup-page .form-field.date-field .MuiInputBase-input{color:#fff!important;-webkit-text-fill-color:#ffffff!important;text-fill-color:#ffffff!important}.date-field .MuiInputBase-root.MuiOutlinedInput-root .MuiInputBase-input{color:#fff!important}.date-field input:not(:-moz-placeholder){color:#fff!important;-webkit-text-fill-color:#ffffff!important}.date-field input:not(:placeholder-shown){color:#fff!important;-webkit-text-fill-color:#ffffff!important}.date-field *{color:inherit!important}.date-field,.date-field .MuiDatePicker-root *{color:#fff!important}.date-field .MuiInputBase-input::-moz-selection{background:#ff66004d!important;color:#fff!important}.date-field .MuiInputBase-input::selection{background:#ff66004d!important;color:#fff!important}.date-field input:focus,.date-field input:active,.date-field input:hover,.date-field input:valid{color:#fff!important;-webkit-text-fill-color:#ffffff!important}.date-field input:-webkit-autofill,.date-field input:-webkit-autofill:hover,.date-field input:-webkit-autofill:focus{-webkit-text-fill-color:#ffffff!important;-webkit-box-shadow:0 0 0px 1000px rgba(255,255,255,.02) inset!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.date-field .MuiDatePicker-root,.date-field .MuiDatePicker-root .MuiTextField-root{width:100%!important}.date-field .MuiDatePicker-root .MuiInputBase-root{background:#ffffff05!important;border-radius:12px!important;color:#fff!important}.date-field .MuiDatePicker-root .MuiInputBase-input{color:#fff!important;-webkit-text-fill-color:#ffffff!important;font-weight:500!important}.date-field .MuiDatePicker-root .MuiInputLabel-root{color:#fffffff2!important;font-weight:600!important;background:#0006!important;padding:4px 12px!important;border-radius:8px!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.date-field .MuiDatePicker-root .MuiInputLabel-root.Mui-focused{color:#f60!important;background:#ff660026!important}.date-field .MuiDatePicker-root .MuiOutlinedInput-notchedOutline{border-color:#ffffff4d!important}.date-field .MuiDatePicker-root .MuiInputBase-root:hover .MuiOutlinedInput-notchedOutline{border-color:#ff660080!important}.date-field .MuiDatePicker-root .MuiInputBase-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#f60!important;border-width:2px!important}.date-field .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#ff66004d!important}.date-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#f60!important}.visibility-toggle{color:#fff6!important}.visibility-toggle:hover{color:#f60!important}.MuiFormHelperText-root{color:#ffffff80!important}.MuiFormHelperText-root.Mui-error{color:#f44336!important}.form-actions{margin-top:40px}.btn-submit{background:linear-gradient(135deg,#f60,#f83)!important;color:#fff!important;padding:16px 32px!important;font-size:1.125rem!important;font-weight:700!important;border-radius:12px!important;text-transform:none!important;letter-spacing:.3px!important;box-shadow:0 8px 32px #f606!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;margin-bottom:24px!important}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 12px 40px #f609!important;background:linear-gradient(135deg,#f71,#f94)!important}.form-errors{margin-top:20px;padding:16px;background:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:8px}.success-container{background:linear-gradient(135deg,#ff66000d,#ff660005)!important;border:1px solid rgba(255,102,0,.2)!important;border-radius:24px!important;padding:80px 60px!important;text-align:center;position:relative;overflow:hidden}.success-container:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#4caf50,transparent);animation:shimmer 3s infinite}.success-icon-large{font-size:5rem!important;color:#4caf50!important;margin-bottom:24px!important}.success-title{font-size:2.5rem!important;font-weight:800!important;color:#fff!important;margin-bottom:16px!important}.success-desc{font-size:1.2rem!important;color:#ffffffb3!important;margin-bottom:40px!important;line-height:1.6;max-width:500px;margin-left:auto;margin-right:auto}.btn-home{background:linear-gradient(135deg,#4caf50,#45a049)!important;color:#fff!important;padding:16px 40px!important;font-size:1.125rem!important;font-weight:700!important;border-radius:12px!important;text-transform:none!important;box-shadow:0 8px 32px #4caf504d!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.btn-home:hover{transform:translateY(-2px);box-shadow:0 12px 40px #4caf5080!important}@media (max-width: 1200px){.signup-header{flex-direction:column;gap:20px;margin-bottom:40px;text-align:center;padding:40px 20px 0}.social-media{order:-1}.signup-container{grid-template-columns:1fr;gap:60px;max-width:600px}.benefits-side{text-align:center}.mini-stats{max-width:400px;margin:0 auto}}@media (max-width: 768px){.signup-header{padding:20px 20px 0;margin-bottom:40px}.signup-container{padding:0 20px 40px}.social-btn{width:40px!important;height:40px!important}.social-icon{width:18px;height:18px}.form-container{padding:32px 24px!important}.welcome-title{font-size:2rem!important}.early-bird-card{padding:24px}.process-steps{padding:20px}.mini-stats{grid-template-columns:1fr;gap:16px}.form-title{font-size:1.5rem!important}}@media (max-width: 480px){.signup-container{padding:80px 16px 40px}.form-container{padding:24px 16px!important}.welcome-title{font-size:1.75rem!important}.welcome-subtitle{font-size:1.1rem!important}.btn-submit{padding:14px 24px!important;font-size:1rem!important}}
