.ocl-page{min-height:100vh;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1.25rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));background:linear-gradient(160deg,#312e81 0%,#4338ca 35%,#4f46e5 65%,#6366f1 100%);flex-direction:column;justify-content:safe center;align-items:center;font-family:system-ui,-apple-system,Segoe UI,sans-serif;display:flex;position:relative;overflow-x:hidden}.ocl-page:before,.ocl-page:after{content:"";filter:blur(48px);pointer-events:none;border-radius:50%;position:absolute}.ocl-page:before{background:#ffffff1f;width:14rem;height:14rem;top:-6rem;right:-4rem}.ocl-page:after{background:#6366f147;width:12rem;height:12rem;bottom:-4rem;left:-3rem}.ocl-card{z-index:1;background:linear-gradient(#fff 0%,#f5f3ff 100%);border:1px solid #6366f138;border-radius:1.25rem;width:100%;max-width:400px;padding:1.5rem 1.25rem 1.35rem;position:relative;box-shadow:0 20px 50px #00000038,0 8px 24px #4f46e52e,inset 0 1px #fffffff2}@media (min-width:480px){.ocl-card{border-radius:1.5rem;padding:2rem 1.75rem 1.5rem}}.ocl-brand{text-align:center;margin-bottom:1.25rem}.ocl-icon-wrap{color:#fff;background:linear-gradient(135deg,#4f46e5,#6366f1);border-radius:1rem;justify-content:center;align-items:center;width:4rem;height:4rem;margin:0 auto .75rem;display:flex;box-shadow:0 8px 24px #4f46e559}.ocl-title{color:#312e81;letter-spacing:-.02em;margin:0;font-size:1.2rem;font-weight:800;line-height:1.35}.ocl-subtitle{color:#6366f1;margin:.35rem 0 0;font-size:.875rem;font-weight:600}.ocl-mobile-badge{letter-spacing:.04em;text-transform:uppercase;color:#3730a3;background:linear-gradient(#eef2ff,#e0e7ff);border:1px solid #6366f140;border-radius:999px;align-items:center;gap:.35rem;margin-top:.5rem;padding:.35rem .65rem;font-size:.6875rem;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #4f46e51f}.ocl-contact{color:#94a3b8;margin-top:.65rem;font-size:.6875rem;line-height:1.5}.ocl-field{margin-bottom:1rem}.ocl-label{color:#374151;margin-bottom:.4rem;font-size:.8125rem;font-weight:700;display:block}.ocl-input-wrap{position:relative}.ocl-input-icon{color:#9ca3af;pointer-events:none;position:absolute;top:50%;left:.875rem;transform:translateY(-50%)}.ocl-input{color:#1e293b;box-sizing:border-box;-webkit-tap-highlight-color:transparent;background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;outline:none;width:100%;min-height:3rem;padding:.75rem 2.75rem .75rem 2.5rem;font-size:1rem;line-height:1.25;transition:border-color .15s,box-shadow .15s}.ocl-input:focus{border-color:#6366f1;box-shadow:0 0 0 4px #6366f12e}.ocl-toggle-pw{color:#9ca3af;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;min-width:2.75rem;min-height:2.75rem;padding:0;display:flex;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.ocl-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:.625rem;margin-bottom:1rem;padding:.65rem .875rem;font-size:.8125rem;line-height:1.4}.ocl-submit{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#4338ca 0%,#4f46e5 50%,#6366f1 100%);border:none;border-radius:.75rem;width:100%;min-height:3rem;padding:.85rem 1rem;font-size:1rem;font-weight:800;transition:transform .12s,box-shadow .15s,opacity .15s;box-shadow:0 8px 24px #4f46e559,inset 0 1px #fff3}.ocl-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 28px #4f46e56b}.ocl-submit:active:not(:disabled){transform:translateY(0)}.ocl-submit:disabled{opacity:.65;cursor:not-allowed}.ocl-footer{text-align:center;margin-top:1.25rem}.ocl-back{color:#4338ca;background:#eef2fff2;border:1px solid #6366f147;border-radius:.625rem;justify-content:center;align-items:center;min-height:2.75rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;text-decoration:none;display:inline-flex}.ocl-back:hover{background:#eef2ff}