:root{--bg-base: #000000;--surface-0: rgba(255, 255, 255, .03);--surface-1: rgba(255, 255, 255, .05);--surface-2: rgba(255, 255, 255, .07);--surface-hover: rgba(255, 255, 255, .05);--border-subtle: rgba(255, 255, 255, .05);--border-default: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .15);--border-emphasis: rgba(255, 255, 255, .2);--text-primary: #ffffff;--text-secondary: #999999;--text-tertiary: #666666;--text-inverse: #000000;--accent: #89AACC;--accent-end: #4E85BF;--accent-hover: #9bbad8;--accent-gradient: linear-gradient(90deg, #89AACC 0%, #4E85BF 100%);--accent-muted: rgba(137, 170, 204, .15);--accent-subtle: rgba(137, 170, 204, .07);--danger: #D46464;--danger-muted: rgba(212, 100, 100, .1);--warning: #D4B15C;--warning-muted: rgba(212, 177, 92, .1);--success: #5CB57E;--success-muted: rgba(92, 181, 126, .1);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .12);--shadow-md: 0 6px 20px rgba(0, 0, 0, .15);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .2);--font-body: "Urbanist", system-ui, -apple-system, sans-serif;--font-display: "Instrument Serif", Georgia, serif;--transition-smooth: cubic-bezier(.25, .46, .45, .94);--transition-premium: cubic-bezier(.16, 1, .3, 1);--duration: .2s;--duration-md: .35s}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:14px;-webkit-text-size-adjust:100%;overflow-x:hidden;max-width:100%}body{background:#000;color:var(--text-primary);font-family:var(--font-body);font-size:14px;font-weight:500;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;max-width:100%}#root{min-height:100vh;min-height:100dvh;background:#000}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;letter-spacing:-.01em;color:var(--text-primary)}::selection{background:#89aacc40;color:var(--text-primary)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.ob-page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--bg-base);position:relative;overflow-x:clip;max-width:100%}.ob-header{display:flex;align-items:center;justify-content:space-between;padding:20px 48px;position:relative;z-index:10;flex-wrap:wrap;gap:16px;min-width:0}.ob-header-brand{display:flex;align-items:center;gap:12px;transition:opacity var(--duration) var(--transition-smooth)}.ob-header-brand:hover{opacity:.8}.ob-logo{height:28px;width:auto}.ob-header-badge{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);padding:5px 12px;border:1px solid var(--border-subtle);border-radius:100px}.ob-back-to-site{margin-left:auto;font-size:12px;gap:6px;text-decoration:none;color:var(--text-tertiary);transition:color var(--duration) var(--transition-smooth)}.ob-back-to-site:hover{color:var(--text-primary)}.ob-main{flex:1;display:flex;justify-content:center;padding:0 48px 80px;width:100%;min-width:0}.ob-container{width:100%;max-width:760px;min-width:0}.ob-footer{text-align:center;padding:24px 48px;color:var(--text-tertiary);font-size:12px;border-top:1px solid var(--border-subtle)}.ob-welcome{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:60px;position:relative;overflow:hidden}.ob-welcome-glow{position:absolute;top:-100px;left:50%;transform:translate(-50%);width:min(600px,100%);height:400px;background:radial-gradient(ellipse 60% 60% at 50% 40%,rgba(78,133,191,.08) 0%,transparent 70%);pointer-events:none}.ob-welcome-title{font-size:clamp(36px,5vw,56px);font-weight:400;letter-spacing:-.03em;line-height:1.1;margin-bottom:20px;position:relative}.ob-welcome-title-serif{font-family:var(--font-display);font-style:italic;font-weight:400}.ob-welcome-sub{color:var(--text-secondary);font-size:15px;line-height:1.7;max-width:520px;margin-bottom:48px}.ob-client-type-cards{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;width:100%;max-width:600px;margin-bottom:16px}.ob-type-card{text-align:left;padding:28px 24px;background:var(--surface-0);border:1px solid var(--border-default);border-radius:16px;transition:all var(--duration-md) var(--transition-premium);cursor:pointer}.ob-type-card:hover{background:var(--surface-1);border-color:var(--border-hover);transform:translateY(-2px)}.ob-type-card-active{background:var(--accent-subtle);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 40px #4e85bf14}.ob-type-card-active:hover{background:var(--accent-subtle);border-color:var(--accent)}.ob-type-card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--surface-1);color:var(--accent);margin-bottom:16px}.ob-type-card-active .ob-type-card-icon{background:var(--accent-muted)}.ob-type-card h3{font-size:16px;font-weight:600;margin-bottom:8px}.ob-type-card p{font-size:13px;color:var(--text-secondary);line-height:1.5}.ob-welcome-cta{margin-top:32px}.ob-stepper{margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid var(--border-subtle)}.ob-stepper-track{display:flex;justify-content:space-between;margin-bottom:16px}.ob-stepper-item{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1}.ob-stepper-dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;background:var(--surface-1);border:1px solid var(--border-default);color:var(--text-tertiary);transition:all var(--duration-md) var(--transition-premium)}.ob-stepper-item.active .ob-stepper-dot{background:var(--accent-gradient);border-color:transparent;color:var(--text-inverse);box-shadow:0 0 20px #89aacc33}.ob-stepper-item.completed .ob-stepper-dot{background:var(--accent-muted);border-color:var(--accent);color:var(--accent)}.ob-stepper-label{font-size:11px;font-weight:500;color:var(--text-tertiary);text-align:center;transition:color var(--duration) ease}.ob-stepper-item.active .ob-stepper-label{color:var(--text-primary)}.ob-stepper-item.completed .ob-stepper-label{color:var(--text-secondary)}.ob-stepper-progress{height:2px;background:var(--surface-1);border-radius:2px;overflow:hidden}.ob-stepper-progress-fill{height:100%;background:var(--accent-gradient);border-radius:2px;transition:width .5s var(--transition-premium)}.ob-stepper-item.has-error .ob-stepper-dot{background:var(--danger-muted);border-color:var(--danger);color:var(--danger)}.ob-stepper-item.has-error .ob-stepper-label{color:var(--danger)}.ob-stepper-item.active.has-error .ob-stepper-dot{background:var(--accent-gradient);border-color:transparent;color:var(--text-inverse);box-shadow:0 0 0 3px var(--danger-muted),0 0 20px #d4646426}.ob-step-card{background:var(--surface-0);border:1px solid var(--border-default);border-radius:20px;padding:40px;animation:ob-fadeUp .4s var(--transition-premium) both}@keyframes ob-fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.ob-step{display:flex;flex-direction:column;gap:20px}.ob-step-header{margin-bottom:8px}.ob-step-header h2{font-size:22px;font-weight:600;margin-bottom:6px}.ob-field{display:flex;flex-direction:column;gap:6px}.ob-label{font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--text-secondary)}.ob-required{color:var(--accent);margin-left:2px}.ob-input,.ob-textarea,.ob-select{background:var(--surface-0);border:1px solid var(--border-default);border-radius:10px;padding:12px 16px;color:var(--text-primary);font-size:14px;font-weight:500;transition:border-color var(--duration) ease,background var(--duration) ease;width:100%}.ob-input::placeholder,.ob-textarea::placeholder{color:var(--text-tertiary)}.ob-input:focus,.ob-textarea:focus,.ob-select:focus{outline:none;border-color:var(--accent);background:var(--surface-1);box-shadow:0 0 0 3px var(--accent-subtle)}.ob-input:disabled{opacity:.5;cursor:not-allowed}.ob-textarea{resize:vertical;min-height:80px;line-height:1.5}.ob-select-wrap{position:relative}.ob-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:36px;cursor:pointer}.ob-select-chevron{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-tertiary)}.ob-field-checkbox{gap:0}.ob-checkbox-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;padding:4px 0}.ob-checkbox{position:absolute;opacity:0;width:0;height:0}.ob-checkbox-visual{flex-shrink:0;width:20px;height:20px;border:1px solid var(--border-hover);border-radius:5px;background:var(--surface-0);display:flex;align-items:center;justify-content:center;transition:all var(--duration) ease;margin-top:1px}.ob-checkbox:checked+.ob-checkbox-visual{background:var(--accent-gradient);border-color:transparent}.ob-checkbox:checked+.ob-checkbox-visual:after{content:"";display:block;width:6px;height:10px;border:solid var(--text-inverse);border-width:0 2px 2px 0;transform:rotate(45deg);margin-top:-2px}.ob-checkbox:focus-visible+.ob-checkbox-visual{box-shadow:0 0 0 3px var(--accent-subtle)}.ob-checkbox-text{font-size:13px;color:var(--text-secondary);line-height:1.5}.ob-hint{font-size:12px;color:var(--text-tertiary)}.ob-error-msg{font-size:12px;color:var(--danger);font-weight:500}.ob-field-error .ob-input,.ob-field-error .ob-textarea,.ob-field-error .ob-select{border-color:var(--danger)}.ob-field-error .ob-input:focus,.ob-field-error .ob-textarea:focus,.ob-field-error .ob-select:focus{box-shadow:0 0 0 3px var(--danger-muted)}.ob-grid-2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.ob-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.ob-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:600;letter-spacing:.01em;padding:13px 28px;border-radius:100px;transition:all var(--duration-md) var(--transition-premium);white-space:nowrap}.ob-btn-primary{background:var(--accent-gradient);color:var(--text-inverse);border:none}.ob-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #4e85bf33}.ob-btn-primary:active{transform:translateY(0)}.ob-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.ob-btn-outline{border:1.5px solid var(--border-hover);color:var(--text-primary);background:transparent}.ob-btn-outline:hover{border-color:var(--text-primary);background:#ffffff0d;transform:translateY(-1px)}.ob-btn-ghost{color:var(--text-secondary);padding:13px 20px}.ob-btn-ghost:hover{color:var(--text-primary);background:var(--surface-1);border-radius:100px}.ob-btn-sm{padding:8px 14px;font-size:12px;height:auto}.ob-nav{display:flex;align-items:center;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid var(--border-subtle)}.ob-nav-spacer{flex:1}.ob-upload{display:flex;flex-direction:column;gap:16px}.ob-upload-category{max-width:360px}.ob-upload-zone{border:1.5px dashed var(--border-hover);border-radius:16px;padding:40px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;cursor:pointer;transition:all var(--duration-md) var(--transition-premium);background:var(--surface-0)}.ob-upload-zone:hover,.ob-upload-zone-active{border-color:var(--accent);background:var(--accent-subtle)}.ob-upload-input{display:none}.ob-upload-icon{color:var(--text-tertiary)}.ob-upload-zone:hover .ob-upload-icon,.ob-upload-zone-active .ob-upload-icon{color:var(--accent)}.ob-upload-text{font-size:14px;color:var(--text-secondary)}.ob-upload-link{color:var(--accent);font-weight:600}.ob-upload-hint{font-size:12px;color:var(--text-tertiary)}.ob-upload-list{display:flex;flex-direction:column;gap:8px}.ob-upload-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--surface-0);border:1px solid var(--border-default);border-radius:10px;transition:border-color var(--duration) ease}.ob-upload-item-done{border-color:#5cb57e26}.ob-upload-item-error{border-color:var(--danger);background:var(--danger-muted)}.ob-upload-item-icon{color:var(--text-tertiary);flex-shrink:0}.ob-upload-item-info{flex:1;min-width:0}.ob-upload-item-name{font-size:13px;font-weight:600;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ob-upload-item-meta,.ob-upload-item-status{font-size:12px;color:var(--text-tertiary)}.ob-upload-item-remove{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;color:var(--text-tertiary);transition:all var(--duration) ease;flex-shrink:0}.ob-upload-item-remove:hover{background:var(--danger-muted);color:var(--danger)}.ob-upload-progress{width:100%;height:3px;background:var(--surface-1);border-radius:3px;overflow:hidden;margin-top:4px}.ob-upload-progress-bar{height:100%;background:var(--accent-gradient);border-radius:3px;transition:width .3s ease}.ob-doc-checklist{background:var(--surface-0);border:1px solid var(--border-default);border-radius:12px;padding:20px 24px}.ob-doc-checklist h4{font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:12px}.ob-doc-checklist ul{display:flex;flex-direction:column;gap:8px}.ob-doc-checklist li{font-size:13px;color:var(--text-tertiary);padding-left:24px;position:relative}.ob-doc-checklist li:before{content:"";position:absolute;left:0;top:4px;width:14px;height:14px;border-radius:4px;border:1px solid var(--border-hover);background:var(--surface-0)}.ob-doc-checklist li.ob-doc-done{color:var(--text-secondary)}.ob-doc-checklist li.ob-doc-done:before{background:var(--success);border-color:var(--success)}.ob-doc-checklist li.ob-doc-done:after{content:"";position:absolute;left:4px;top:6px;width:4px;height:7px;border:solid #000;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.ob-doc-checklist li.ob-doc-required{color:var(--text-secondary)}.ob-doc-checklist li.ob-doc-required:before{border-color:#ffc17080;background:#ffc17014}.ob-doc-req-star{color:#ffc170cc;font-weight:700;margin-left:2px}.ob-privacy-notice{background:var(--surface-0);border:1px solid var(--border-default);border-radius:12px;padding:28px;max-height:380px;overflow-y:auto}.ob-privacy-notice h4{font-size:14px;font-weight:600;margin-bottom:8px;margin-top:20px}.ob-privacy-notice h4:first-child{margin-top:0}.ob-privacy-notice p{font-size:13px;color:var(--text-secondary);line-height:1.7;margin-bottom:8px}.ob-privacy-notice ul{padding-left:20px;margin-bottom:12px}.ob-privacy-notice li{font-size:13px;color:var(--text-secondary);line-height:1.7;list-style:disc;margin-bottom:4px}.ob-privacy-version{font-size:11px;color:var(--text-tertiary);margin-top:16px;padding-top:12px;border-top:1px solid var(--border-subtle)}.ob-consent-checkboxes{display:flex;flex-direction:column;gap:16px;margin-top:4px}.ob-review{display:flex;flex-direction:column;gap:20px}.ob-review-group{border:1px solid var(--border-default);border-radius:12px;overflow:hidden}.ob-review-group-title{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);padding:12px 20px;background:var(--surface-0);border-bottom:1px solid var(--border-subtle)}.ob-review-group-body{padding:4px 0}.ob-review-row{display:flex;padding:10px 20px;gap:16px}.ob-review-row:not(:last-child){border-bottom:1px solid var(--border-subtle)}.ob-review-label{flex:0 0 160px;font-size:12px;font-weight:600;color:var(--text-tertiary);padding-top:1px}.ob-review-value{flex:1;font-size:13px;color:var(--text-primary);word-break:break-word}.ob-success-page{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:80px}.ob-success-icon{margin-bottom:24px;animation:ob-scaleIn .5s var(--transition-premium) both}@keyframes ob-scaleIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.ob-success-title{font-size:28px;font-weight:600;margin-bottom:12px}.ob-success-ref{margin-top:28px;padding:20px 32px;background:var(--surface-0);border:1px solid var(--border-default);border-radius:12px;display:flex;flex-direction:column;gap:4px}.ob-success-ref-label{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary)}.ob-success-ref-value{font-size:20px;font-weight:700;letter-spacing:.04em;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ob-success-summary{margin-top:32px;text-align:left;max-width:480px}.ob-success-summary h4{font-size:14px;font-weight:600;margin-bottom:12px}.ob-success-summary ul{display:flex;flex-direction:column;gap:8px}.ob-success-summary li{font-size:13px;color:var(--text-secondary);padding-left:20px;position:relative;line-height:1.5}.ob-success-summary li:before{content:"";position:absolute;left:0;top:7px;width:6px;height:6px;background:var(--accent);border-radius:50%}.ob-success-contact{margin-top:28px;font-size:13px;color:var(--text-secondary)}.ob-notice{padding:14px 18px;border-radius:10px;font-size:13px;line-height:1.5}.ob-notice-error{background:var(--danger-muted);color:var(--danger);border:1px solid rgba(212,100,100,.2)}.ob-notice-warning{background:var(--warning-muted);color:var(--warning);border:1px solid rgba(212,177,92,.2)}.ob-error-summary{background:var(--danger-muted);border:1px solid rgba(212,100,100,.2);border-radius:12px;padding:20px 24px;animation:ob-fadeUp .3s var(--transition-premium) both}.ob-error-summary-header{display:flex;align-items:center;gap:10px;color:var(--danger);font-size:14px;font-weight:600;margin-bottom:16px}.ob-error-summary-body{display:flex;flex-direction:column;gap:14px}.ob-error-summary-group{display:flex;flex-direction:column;gap:2px}.ob-error-summary-step-label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);padding:0 12px;margin-bottom:4px}.ob-error-summary-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--danger);padding:7px 12px;border-radius:8px;cursor:pointer;transition:background var(--duration) ease;text-align:left;line-height:1.4}.ob-error-summary-item:hover{background:#d464641a}.ob-error-summary-arrow{flex-shrink:0;font-size:14px;color:var(--text-tertiary);transition:color var(--duration) ease}.ob-error-summary-item:hover .ob-error-summary-arrow{color:var(--danger)}.ob-link{color:var(--accent);font-weight:600;transition:color var(--duration) ease}.ob-link:hover{color:var(--accent-hover)}.ob-text-secondary{color:var(--text-secondary)}.ob-text-tertiary{color:var(--text-tertiary)}.ob-text-danger{color:var(--danger)}.ob-text-center{text-align:center}.ob-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px;color:var(--text-secondary)}.ob-spinner{width:32px;height:32px;border:2px solid var(--surface-2);border-top-color:var(--accent);border-radius:50%;animation:ob-spin .8s linear infinite}.ob-spinner-sm{width:16px;height:16px;border:2px solid rgba(0,0,0,.15);border-top-color:var(--text-inverse);border-radius:50%;animation:ob-spin .8s linear infinite}@keyframes ob-spin{to{transform:rotate(360deg)}}.ob-error-page{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:120px;gap:12px}.ob-brand-mark{margin-bottom:24px}@media(max-width:768px){.ob-header{padding:16px 20px;gap:12px;flex-wrap:wrap}.ob-back-to-site{font-size:11px;gap:4px;flex-shrink:1;min-width:0}.ob-main{padding:0 20px 60px}.ob-footer{padding:20px}.ob-container{max-width:100%}.ob-step-card{padding:24px 20px;border-radius:16px}.ob-client-type-cards{grid-template-columns:1fr}.ob-grid-2,.ob-grid-3{grid-template-columns:1fr;gap:16px}.ob-stepper-label{display:none}.ob-stepper-track{gap:4px}.ob-stepper-dot{width:24px;height:24px;font-size:10px}.ob-welcome-title{font-size:32px}.ob-review-row{flex-direction:column;gap:2px}.ob-review-label{flex:none}.ob-nav{flex-wrap:wrap}.ob-btn{padding:12px 24px;font-size:13px}}@media(max-width:480px){.ob-header{padding:12px 16px}.ob-main{padding:0 16px 48px}.ob-step-card{padding:20px 16px}.ob-type-card{padding:20px 18px}.ob-upload-zone{padding:28px 16px}.ob-privacy-notice{padding:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
