.signup-shell{min-height:100vh;background:var(--pudo-page,#f4f8fc);color:var(--pudo-text,#162235);font-family:Almarai,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.signup-hero{background:linear-gradient(135deg,rgba(5,95,145,.97),rgba(22,106,173,.93) 60%,rgba(255,107,53,.18)),url(/pudowebbg.png) 50%/cover;color:white;padding:36px 24px 52px;position:relative;overflow:hidden}.signup-hero:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--pudo-orange,#ff6b35),#f7931e,var(--pudo-orange,#ff6b35))}.signup-wrap{max-width:1160px;margin:0 auto}.signup-back{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 14px;border:1px solid rgba(255,255,255,.4);border-radius:8px;color:white;background:rgba(255,255,255,.1);font-weight:700;font-size:.875rem;cursor:pointer;transition:transform var(--pudo-transition,.18s ease),background var(--pudo-transition,.18s ease)}.signup-back:hover{background:rgba(255,255,255,.2);transform:translateY(-1px)}.signup-hero-badge{display:inline-flex;align-items:center;margin:20px 0 10px;padding:4px 14px;border-radius:20px;background:var(--pudo-orange,#ff6b35);color:white;font-size:.75rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.signup-hero h1{margin:0 0 10px;font-size:2.5rem;font-weight:900;letter-spacing:-.01em}.signup-hero p{max-width:640px;color:rgba(255,255,255,.82);line-height:1.6;font-size:.975rem}.signup-content{padding:28px 24px 48px}.signup-grid{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);gap:20px;align-items:start}.signup-card,.signup-panel{background:var(--pudo-surface,#fff);border:1px solid var(--pudo-border,#d9e6f2);border-radius:12px;box-shadow:var(--pudo-shadow,0 12px 30px rgba(22,106,173,.1));padding:22px;transition:box-shadow var(--pudo-transition,.18s ease),border-color var(--pudo-transition,.18s ease)}.signup-card:hover,.signup-panel:hover{border-color:rgba(22,106,173,.25);box-shadow:0 16px 36px rgba(22,106,173,.13)}.signup-panel h2,.signup-title h2{font-size:1.15rem;font-weight:800;letter-spacing:0;margin:0;color:var(--pudo-text,#162235)}.signup-roles{display:grid;gap:10px;margin-top:16px}.signup-role{grid-template-columns:auto 1fr;gap:4px 12px;text-align:left;padding:14px;border:1.5px solid var(--pudo-border,#d9e6f2);background:var(--pudo-surface-soft,#f9fbfd);color:var(--pudo-text,#162235);cursor:pointer;transition:transform var(--pudo-transition,.18s ease),border-color var(--pudo-transition,.18s ease),background var(--pudo-transition,.18s ease),box-shadow var(--pudo-transition,.18s ease)}.signup-role,.signup-role span{display:grid;border-radius:10px}.signup-role span{grid-row:span 2;width:40px;height:40px;place-items:center;background:var(--pudo-orange-soft,#fff3ed);color:var(--pudo-orange,#ff6b35);transition:background var(--pudo-transition,.18s ease)}.signup-role strong{font-size:.9rem}.signup-role small{color:var(--pudo-muted,#66758a);font-size:.78rem;line-height:1.3}.signup-role.selected{border-color:var(--pudo-orange,#ff6b35);background:var(--pudo-orange-soft,#fff3ed);box-shadow:0 6px 18px rgba(255,107,53,.14)}.signup-role.selected span{background:rgba(255,107,53,.15)}.signup-role:hover:not(.selected){transform:translateY(-2px);border-color:var(--pudo-blue,#166aad);box-shadow:0 6px 18px rgba(22,106,173,.1)}.signup-progress{display:grid;gap:8px;margin-top:20px;padding-top:18px;border-top:1px solid var(--pudo-border,#d9e6f2)}.signup-step{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;font-size:.875rem;font-weight:600;background:transparent;transition:background var(--pudo-transition,.18s ease)}.signup-step,.signup-step-num{color:var(--pudo-muted,#66758a)}.signup-step-num{width:22px;height:22px;border-radius:50%;background:#e9eff6;font-size:.72rem;font-weight:800;display:grid;place-items:center;flex-shrink:0;transition:background var(--pudo-transition,.18s ease),color var(--pudo-transition,.18s ease)}.signup-step-icon{display:flex;align-items:center;color:inherit}.signup-step.done{color:var(--pudo-blue-dark,#055f91)}.signup-step.done .signup-step-num{background:var(--pudo-blue,#166aad);color:white}.signup-step.active{background:var(--pudo-orange-soft,#fff3ed);color:var(--pudo-orange-dark,#e55a2b)}.signup-step.active .signup-step-num{background:var(--pudo-orange,#ff6b35);color:white}.signup-progress .signup-step{border:0;text-align:left;font:inherit;font-size:.875rem;font-weight:600;cursor:default;width:100%}.signup-progress .signup-step.clickable{cursor:pointer}.signup-progress .signup-step.clickable:hover{background:var(--pudo-page,#f4f8fc);transform:translateX(3px);transition:transform .18s ease,background .18s ease}.signup-success,.signup-title{display:flex;align-items:center;gap:12px}.signup-title{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--pudo-border,#d9e6f2)}.signup-title svg{color:var(--pudo-orange,#ff6b35);flex-shrink:0}.signup-title p{margin:4px 0 0;color:var(--pudo-muted,#66758a);font-size:.875rem}.signup-section-label{display:flex;align-items:center;gap:10px;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--pudo-blue,#166aad);margin:20px 0 10px}.signup-section-label:first-of-type{margin-top:0}.signup-role-tag{padding:2px 10px;border-radius:20px;background:var(--pudo-orange-soft,#fff3ed);color:var(--pudo-orange-dark,#e55a2b);font-size:.72rem;font-weight:700;text-transform:none;letter-spacing:0}.signup-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.signup-form-grid label,.signup-single{display:flex;flex-direction:column;gap:6px;font-size:.825rem;font-weight:700;color:var(--pudo-text,#162235)}.signup-form-grid input,.signup-form-grid select,.signup-single input{width:100%;border:1.5px solid var(--pudo-border,#d9e6f2);border-radius:8px;background:var(--pudo-surface-soft,#f9fbfd);min-height:44px;padding:10px 12px;color:var(--pudo-text,#162235);font:inherit;transition:border-color var(--pudo-transition,.18s ease),box-shadow var(--pudo-transition,.18s ease)}.signup-form-grid input:focus,.signup-form-grid select:focus,.signup-single input:focus{outline:none;border-color:var(--pudo-blue,#166aad);box-shadow:0 0 0 3px rgba(22,106,173,.1);background:var(--pudo-surface,#fff)}.span-2{grid-column:1/-1}.signup-single+.signup-single{margin-top:14px}.signup-files{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.signup-file-card{position:relative;display:flex;align-items:center;gap:12px;padding:14px;border:1.5px dashed var(--pudo-border,#d9e6f2);border-radius:10px;background:var(--pudo-surface-soft,#f9fbfd);cursor:pointer;transition:border-color var(--pudo-transition,.18s ease),background var(--pudo-transition,.18s ease),box-shadow var(--pudo-transition,.18s ease);overflow:hidden}.signup-file-card:hover{border-color:var(--pudo-blue,#166aad);background:rgba(22,106,173,.04)}.signup-file-card.uploaded{border-style:solid;border-color:var(--pudo-orange,#ff6b35);background:var(--pudo-orange-soft,#fff3ed)}.signup-file-card.missing{border-color:#dc2626;background:#fff7f7;animation:pudo-shake .45s ease both}.signup-file-card.missing .signup-file-icon{background:#fde8e8;color:#dc2626}.signup-file-card.missing .signup-file-info small{color:#dc2626;font-weight:700}.signup-required-star{color:#dc2626;font-style:normal;font-weight:800}.signup-hubtype{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.signup-hubtype-option{display:flex;flex-direction:column;gap:4px;text-align:left;padding:14px;border:1.5px solid var(--pudo-border,#d9e6f2);border-radius:10px;background:var(--pudo-surface-soft,#f9fbfd);cursor:pointer;font:inherit;transition:border-color .2s ease,background .2s ease}.signup-hubtype-option strong{font-size:.875rem;color:var(--pudo-text,#162235)}.signup-hubtype-option small{font-size:.75rem;color:var(--pudo-muted,#66758a);line-height:1.4}.signup-hubtype-option:hover{border-color:var(--pudo-blue,#166aad)}.signup-hubtype-option.selected{border-color:var(--pudo-orange,#ff6b35);background:var(--pudo-orange-soft,#fff3ed)}@media (max-width:860px){.signup-hubtype{grid-template-columns:1fr}}.signup-docs-required{margin-left:auto;font-size:.68rem;font-weight:700;color:var(--pudo-muted,#66758a);text-transform:none;letter-spacing:0}.signup-file-card input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.signup-file-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:8px;background:var(--pudo-orange-soft,#fff3ed);color:var(--pudo-orange,#ff6b35);flex-shrink:0;transition:background var(--pudo-transition,.18s ease)}.signup-file-card.uploaded .signup-file-icon{background:rgba(255,107,53,.15)}.signup-file-info{display:flex;flex-direction:column;gap:2px;min-width:0}.signup-file-info strong{font-size:.82rem;font-weight:700;color:var(--pudo-text,#162235)}.signup-file-info small,.signup-file-info strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.signup-file-info small{font-size:.74rem;color:var(--pudo-muted,#66758a)}.signup-file-card.uploaded .signup-file-info small{color:var(--pudo-orange-dark,#e55a2b)}.signup-primary{display:block;width:100%;min-height:46px;margin-top:22px;padding:0 18px;border:0;border-radius:10px;background:linear-gradient(135deg,var(--pudo-orange,#ff6b35) 0,#f7931e 100%);color:white;font-size:.95rem;font-weight:800;cursor:pointer;box-shadow:0 6px 18px rgba(255,107,53,.28);transition:transform var(--pudo-transition,.18s ease),box-shadow var(--pudo-transition,.18s ease),background var(--pudo-transition,.18s ease)}.signup-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--pudo-orange-dark,#e55a2b) 0,#ef7f12 100%);transform:translateY(-1px);box-shadow:0 10px 24px rgba(255,107,53,.34)}.signup-primary:disabled{cursor:not-allowed;opacity:.58}.signup-error,.signup-success,.signup-toast{border-radius:10px;padding:12px 16px;margin-bottom:16px;font-size:.875rem;font-weight:700}.signup-success,.signup-toast{background:var(--pudo-orange-soft,#fff3ed);color:var(--pudo-orange-dark,#e55a2b);border:1px solid rgba(255,107,53,.2)}.signup-success{margin-top:14px;margin-bottom:0}.signup-error{background:#fde8e8;color:#9b1c1c;border:1px solid #fca5a5}.signup-registered{max-width:520px;margin:0 auto;background:var(--pudo-surface,#fff);border:1px solid var(--pudo-border,#d9e6f2);border-radius:16px;box-shadow:var(--pudo-shadow,0 12px 30px rgba(22,106,173,.1));padding:48px 36px;text-align:center}.signup-registered-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background:var(--pudo-orange-soft,#fff3ed);color:var(--pudo-orange,#ff6b35);margin-bottom:20px}.signup-registered h2{font-size:1.6rem;font-weight:900;color:var(--pudo-text,#162235);margin:0 0 10px}.signup-registered p{color:var(--pudo-muted,#66758a);line-height:1.6;font-size:.95rem;margin:0 0 24px}.signup-primary--inline{width:auto;display:inline-block;padding:0 32px}.signup-form-grid input.signup-input--invalid,.signup-single input.signup-input--invalid{border-color:#dc2626;background:#fff7f7}.signup-form-grid input.signup-input--invalid:focus,.signup-single input.signup-input--invalid:focus{border-color:#dc2626;box-shadow:0 0 0 3px rgba(220,38,38,.12)}.signup-field-error{color:#dc2626;font-size:.74rem;font-weight:700;animation:pudo-slide-right .25s ease both}.signup-hint{color:var(--pudo-muted,#66758a);font-size:.74rem;font-weight:600;margin-top:2px}.signup-geo-ok{color:#059669;font-size:.8rem;animation:pudo-fade-in .4s ease both}.signup-pw-meter{display:flex;align-items:center;gap:8px;font-size:.72rem;font-weight:700;color:var(--pudo-muted,#66758a);animation:pudo-fade-in .3s ease both}.signup-pw-bars{display:flex;gap:4px;flex:0 0 auto}.signup-pw-bars i{width:26px;height:5px;border-radius:4px;background:#e5edf5;transition:background .3s ease}.signup-pw-meter--1{color:#dc2626}.signup-pw-meter--1 .signup-pw-bars i:first-child{background:#dc2626}.signup-pw-meter--2{color:var(--pudo-orange-dark,#e55a2b)}.signup-pw-meter--2 .signup-pw-bars i:nth-child(-n+2){background:var(--pudo-orange,#ff6b35)}.signup-pw-meter--3{color:#059669}.signup-pw-meter--3 .signup-pw-bars i{background:#059669}.signup-hero-badge{animation:pudo-pop .5s cubic-bezier(.34,1.56,.64,1) .1s both}.signup-hero h1{animation:pudo-fade-up .6s cubic-bezier(.22,1,.36,1) .05s both}.signup-hero p{animation:pudo-fade-up .6s cubic-bezier(.22,1,.36,1) .16s both}.signup-panel{animation:pudo-fade-up .5s cubic-bezier(.22,1,.36,1) .1s both}.signup-card{animation:pudo-fade-up .5s cubic-bezier(.22,1,.36,1) .18s both}.signup-stepform{animation:pudo-fade-up .4s cubic-bezier(.22,1,.36,1) both}.signup-file-card.uploaded .signup-file-icon,.signup-role.selected span,.signup-step.active .signup-step-num{animation:pudo-pop .35s cubic-bezier(.34,1.56,.64,1)}.signup-error{animation:pudo-shake .45s ease both}.signup-toast{animation:pudo-fade-up .35s ease both}.signup-registered{animation:pudo-scale-in .5s cubic-bezier(.22,1,.36,1) both}.signup-registered-icon{animation:pudo-pop .6s cubic-bezier(.34,1.56,.64,1) .15s both,pudo-pulse-ring 2.2s ease-out .8s infinite}@media (max-width:860px){.signup-files,.signup-form-grid,.signup-grid{grid-template-columns:1fr}.signup-hero h1{font-size:1.9rem}.signup-content{padding:20px 16px 40px}}