.oi{--oi-accent:#005ff9;--oi-accent-hover:#0050d4;--oi-accent-soft:rgba(0,95,249,0.08);--oi-accent-soft-20:rgba(0,95,249,0.2);--oi-accent-light:#e0edff;--oi-signal:#00ff99;--oi-signal-2:#22c55e;--oi-gradient-r:linear-gradient(90deg,#005ff9,#00ff99);--oi-gradient-135:linear-gradient(135deg,#005ff9,#00ff99);--oi-text:#1e1e1e;--oi-text-2:#475569;--oi-text-3:#64748b;--oi-text-4:#94a3b8;--oi-border:#e2e8f0;--oi-border-2:#e5e7eb;--oi-surface:#ffffff;--oi-surface-2:#f8fafc;--oi-danger:#ef4444;--oi-accent-subtle:#f0f6ff;--oi-ease:cubic-bezier(0.4,0,0.2,1);--oi-radius:14px;--oi-radius-sm:10px;--oi-radius-lg:16px;--oi-radius-xl:18px;--oi-shadow-sm:0 1px 3px rgba(0,0,0,0.05);--oi-shadow-md:0 4px 16px rgba(0,95,249,0.08),0 2px 6px rgba(0,0,0,0.04);--oi-shadow-glow:0 8px 32px rgba(0,95,249,0.14);font-family:Plus Jakarta Sans,system-ui,sans-serif;color:var(--oi-text);background:#fff;width:100vw;position:fixed;top:0;left:0}.oi,.oi-grid{height:100vh;overflow:hidden}.oi-grid{display:grid;grid-template-columns:1fr 1fr;width:100%}.oi-hero{padding:48px 56px;display:flex;flex-direction:column;justify-content:center;background:#fff;position:relative;overflow:hidden;height:100vh}.oi-hero:before{top:-200px;left:-200px;width:500px;height:500px;background:radial-gradient(circle,rgba(0,95,249,.1),transparent 70%)}.oi-hero:after,.oi-hero:before{content:"";position:absolute;border-radius:50%;pointer-events:none}.oi-hero:after{bottom:-200px;right:-200px;width:400px;height:400px;background:radial-gradient(circle,rgba(0,255,153,.08),transparent 70%)}.oi-hero-inner{position:relative;z-index:1;max-width:560px}.oi-form-side{padding:32px 56px;justify-content:center;background:#fff;border-left:1px solid var(--oi-border);height:100vh;overflow-y:auto}.oi-form-side,.oi-logo{display:flex;align-items:center}.oi-logo{gap:16px;margin-bottom:40px}.oi-h1{font-size:40px;font-weight:800;line-height:1.15;letter-spacing:-.025em;color:#18181b}.oi-h1-blue{color:var(--oi-accent)}.oi-sub{font-size:17px;color:#52525c;line-height:1.65;max-width:520px;margin-top:16px}.oi-card{width:100%;max-width:480px;background:#fff;border:1px solid #e4e4e7;border-radius:var(--oi-radius-lg);padding:32px;box-shadow:var(--oi-shadow-sm)}.oi-card-title{font-size:18px;font-weight:700;text-align:center;color:#09090b;margin-bottom:4px}.oi-card-sub{font-size:14px;color:#71717b;text-align:center;margin-bottom:16px}.oi-meta-pill{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 16px;background:linear-gradient(90deg,#eff6ff,#f0fdf4);border:1px solid #bedbff;border-radius:var(--oi-radius-lg);margin-bottom:12px}.oi-meta-pill svg{flex-shrink:0;color:var(--oi-text-3);width:18px;height:18px}.oi-meta-pill span{font-size:14px;font-weight:600;color:#27272a}.oi-field{margin-bottom:16px}.oi-field:last-of-type{margin-bottom:24px}.oi-field-label{display:block;font-size:14px;font-weight:600;color:#18181b;margin-bottom:8px}.oi-field-help{display:block;font-size:12px;color:var(--oi-text-4);margin-top:8px;line-height:1.4}.oi-field-input,.oi-field-select{width:100%;height:48px;padding:0 16px;border:1px solid #e4e4e7;border-radius:var(--oi-radius-lg);font-size:16px;color:#18181b;background:#fff;transition:border-color .2s,box-shadow .2s;font-family:inherit}.oi-field-input::placeholder{color:#9f9fa9}.oi-field-input:focus,.oi-field-select:focus{outline:none;border-color:var(--oi-accent);box-shadow:0 0 0 3px var(--oi-accent-soft)}.oi-field-input.has-error,.oi-field-input.has-error:focus,.oi-field-select.has-error,.oi-field-select.has-error:focus{border-color:var(--oi-danger);box-shadow:0 0 0 3px rgba(239,68,68,.12)}.oi-field-wrap{position:relative}.oi-field-eye{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--oi-text-4);padding:4px;cursor:pointer;display:flex}.oi-field-eye:hover{color:var(--oi-text-2)}.oi-field-select{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2.5' stroke-linecap='round'><path d='M6 9l6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}.oi-field-error{font-size:12px;color:var(--oi-danger);margin-top:8px}.oi-checkbox{display:flex;align-items:flex-start;gap:8px;margin:16px 0;font-size:13px;color:#71717b;line-height:1.5;cursor:pointer}.oi-checkbox input{position:absolute;width:1px;height:1px;margin:0;padding:0;opacity:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;pointer-events:none}.oi-checkbox .box{width:18px;height:18px;border:2px solid var(--oi-accent);border-radius:8px;background:#fff;flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:4px;transition:all .15s;cursor:pointer}.oi-checkbox input:checked+.box{background:var(--oi-accent);border-color:var(--oi-accent)}.oi-checkbox input:checked+.box:after{content:"";width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);margin-bottom:4px}.oi-checkbox a{color:var(--oi-accent);font-weight:500}.oi-checkbox a:hover{text-decoration:underline}.oi-btn-grad{width:100%;height:48px;padding:0 16px;border-radius:var(--oi-radius-lg);background:var(--oi-gradient-r);color:#fff;font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;transition:opacity .2s,transform .15s,box-shadow .2s;border:0;position:relative;overflow:hidden;cursor:pointer;font-family:inherit}.oi-btn-grad:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:none}.oi-btn-grad:hover:not(:disabled){background:linear-gradient(90deg,#0052e0,#00e68a)}.oi-btn-grad:hover:after{left:100%;transition:left .6s ease}.oi-btn-grad:active:not(:disabled){transform:scale(.98)}.oi-btn-grad:disabled{opacity:.5;cursor:not-allowed}.oi-btn-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:oi-spin .5s linear infinite;vertical-align:middle}@keyframes oi-spin{to{transform:rotate(1turn)}}.oi-btn-secondary{width:100%;height:48px;padding:0 16px;border-radius:var(--oi-radius-lg);background:#fff;color:var(--oi-text);font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;border:1px solid var(--oi-border);cursor:pointer;font-family:inherit}.oi-btn-secondary:hover:not(:disabled){border-color:var(--oi-accent);color:var(--oi-accent)}.oi-link{display:block;text-align:center;font-size:14px;color:#52525c;margin-top:12px}.oi-link a,.oi-link button{color:var(--oi-accent);font-weight:600;cursor:pointer;background:none;border:0;font-family:inherit;font-size:inherit;padding:0}.oi-link a:hover,.oi-link button:hover{text-decoration:underline}.oi-login-row{display:flex;align-items:center;justify-content:space-between;margin:8px 0 20px}.oi-login-remember{display:flex;align-items:center;gap:8px;font-size:14px;color:#52525c;cursor:pointer}.oi-login-remember input[type=checkbox]{width:16px;height:16px;border-radius:4px;accent-color:var(--oi-accent);cursor:pointer}.oi-login-forgot{font-size:14px;font-weight:500;color:var(--oi-accent);cursor:pointer;background:none;border:0;font-family:inherit;padding:0}.oi-login-forgot:hover{color:var(--oi-accent-hover);text-decoration:underline}.oi-sp-row{margin-top:20px;display:flex;gap:12px;flex-wrap:wrap}.oi-sp-card{padding:24px 18px;border-radius:14px;background:rgba(255,255,255,.65);border:1px solid rgba(0,0,0,.06);box-shadow:0 1px 8px rgba(0,0,0,.04);backdrop-filter:blur(8px);display:inline-block;min-width:160px;flex:1}.oi-sp-stat{display:flex;align-items:baseline;gap:3px;line-height:1;margin-bottom:12px}.oi-sp-prefix{font-size:20px;font-weight:700;color:var(--oi-accent);letter-spacing:-.02em}.oi-sp-num{font-size:34px;font-weight:700;color:var(--oi-text);letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}.oi-sp-txt{font-size:14px;color:var(--oi-text-3);font-weight:500}.oi-product-scene{width:100%;margin-top:12px;display:flex;justify-content:center;overflow:visible;flex-shrink:1;min-height:0}.oi-product-scene img{width:100%;max-width:420px;max-height:40vh;height:auto;object-fit:contain}@media (min-width:1920px){.oi-product-scene img{max-width:640px;max-height:56vh}}@media (max-width:1366px){.oi{position:static;height:auto;min-height:100vh;width:100%;overflow:visible}.oi-product-scene{display:none}.oi-grid{grid-template-columns:1fr;grid-template-rows:auto 1fr;min-height:100vh}.oi-grid,.oi-hero{height:auto;overflow:visible}.oi-hero{padding:24px 24px 8px;min-height:auto;display:flex;flex-direction:column;justify-content:flex-start}.oi-hero:after,.oi-hero:before{display:none}.oi-hero-inner{max-width:560px;margin:0 auto;width:100%}.oi-logo{margin-bottom:16px}.oi-h1{font-size:22px}.oi-sub{font-size:14px;margin-top:6px;margin-bottom:0}.oi-form-side{border-left:0;padding:16px 24px 32px;height:auto;min-height:auto;overflow:visible;align-items:flex-start}.oi-card{margin-top:8px}}.oi-stepper{justify-content:center;gap:0;margin-bottom:16px}.oi-step,.oi-stepper{display:flex;align-items:center}.oi-step{flex-direction:column;gap:6px}.oi-step-dot{width:10px;height:10px;border-radius:50%;background:#e4e4e7;border:2px solid #e4e4e7;transition:all .3s ease}.oi-step.active .oi-step-dot{background:var(--oi-accent);border-color:var(--oi-accent);box-shadow:0 0 0 4px rgba(0,95,249,.15)}.oi-step.completed .oi-step-dot{background:var(--oi-signal-2);border-color:var(--oi-signal-2)}.oi-step-label{font-size:12px;font-weight:600;color:#a1a1aa;transition:color .3s}.oi-step.active .oi-step-label{color:var(--oi-accent)}.oi-step.completed .oi-step-label{color:var(--oi-signal-2)}.oi-step-line{width:60px;height:2px;background:#e4e4e7;margin:0 8px 22px;position:relative;border-radius:1px;overflow:hidden}.oi-step-line:after{content:"";position:absolute;left:0;top:0;height:100%;width:0;background:var(--oi-gradient-r);transition:width .5s ease}.oi-step-line.filled:after{width:100%}.oi-modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.55);display:flex;align-items:center;justify-content:center;z-index:9999;padding:24px;animation:oi-modal-bd-in .2s var(--oi-ease)}.oi-modal{background:#fff;border-radius:var(--oi-radius-lg);max-width:440px;width:100%;padding:32px 28px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.2);animation:oi-modal-pop .3s var(--oi-ease)}@keyframes oi-modal-bd-in{0%{opacity:0}to{opacity:1}}@keyframes oi-modal-pop{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:none}}.oi-modal-icon{width:64px;height:64px;border-radius:50%;margin:0 auto 16px;display:flex;align-items:center;justify-content:center}.oi-modal-icon.success{background:linear-gradient(135deg,#00e68a,#22c55e);color:#fff;box-shadow:0 10px 30px rgba(34,197,94,.3)}.oi-modal-title{font-size:22px;font-weight:800;color:var(--oi-text);margin-bottom:8px}.oi-modal-msg{font-size:14px;color:var(--oi-text-2);line-height:1.5;margin-bottom:24px}.oi-modal-actions{display:flex;flex-direction:column;gap:8px}.oi-modal-btn-primary{width:100%;height:48px;border:0;border-radius:var(--oi-radius-sm);background:var(--oi-gradient-r);color:#fff;font-size:15px;font-weight:700;cursor:pointer;font-family:inherit;box-shadow:0 4px 16px rgba(0,95,249,.24)}.oi-modal-btn-primary:hover{background:linear-gradient(90deg,#0052e0,#00e68a)}@keyframes oi-pix-pulse{0%,to{box-shadow:0 0 0 0 rgba(34,197,94,.4)}50%{box-shadow:0 0 0 8px rgba(34,197,94,0)}}@keyframes oi-success-bounce{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@media (max-width:960px){.oi{position:static}.oi,.oi-grid{height:auto;min-height:100vh;overflow:visible}.oi-grid{grid-template-columns:1fr}.oi-hero{padding:32px 24px;height:auto;min-height:auto}.oi-hero-inner{max-width:100%}.oi-form-side{padding:24px;border-left:0;height:auto;overflow:visible}.oi-logo{margin-bottom:24px}.oi-h1{font-size:26px}.oi-sub{font-size:15px}.oi-product-scene,.oi-sp-row{display:none}}