:root{--blue-50: oklch(.97 .014 258);--blue-100: oklch(.935 .029 258);--blue-200: oklch(.87 .058 258);--blue-300: oklch(.78 .094 258);--blue-400: oklch(.68 .136 258);--blue-500: oklch(.58 .167 258);--blue-600: oklch(.5 .17 258);--blue-700: oklch(.43 .17 258);--blue-800: oklch(.36 .136 258);--blue-900: oklch(.28 .102 258);--blue-950: oklch(.21 .077 258)}:root{--font-display: "Red Hat Display", system-ui, -apple-system, sans-serif;--font-sans: "Red Hat Text", system-ui, -apple-system, sans-serif;--font-mono: "Geist Mono", ui-monospace, monospace}.op-page .op-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:500;font-size:13.5px;line-height:1;padding:0 14px;height:36px;border-radius:8px;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:background .12s,border-color .12s,box-shadow .12s,transform .06s}.op-page .op-btn:focus-visible{outline:2px solid var(--blue-500);outline-offset:2px}.op-page .op-btn-primary{background:var(--blue-600);color:#fff;border-color:var(--blue-700);box-shadow:inset 0 1px #ffffff29,0 1px 2px #062b5f47}.op-page .op-btn-primary:hover{background:var(--blue-700);color:#fff}.op-page .op-btn-primary:active{background:var(--blue-800);box-shadow:inset 0 1px 2px #00143759;box-shadow:inset 0 1px 2px oklch(.2 .1 258 / .35)}.op-page .op-btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong);box-shadow:0 1px 2px #222f3c12}.op-page .op-btn-secondary:hover{background:var(--surface-2);color:var(--text)}.op-page .op-btn-secondary:active{box-shadow:inset 0 1px 2px #222f3c1a}.op-page .op-btn-ghost{background:transparent;color:var(--text);border-color:transparent}.op-page .op-btn-ghost:hover{background:var(--surface-2);color:var(--text)}.op-page .op-btn-lg{height:44px;padding:0 20px;font-size:14.5px;border-radius:10px}.op-page .op-btn-social{gap:10px;font-weight:500}.op-page .op-btn-social img{width:18px;height:18px;flex:0 0 auto}.op-page{--bg: oklch(.985 .003 250);--surface: #ffffff;--surface-2: oklch(.975 .005 250);--surface-3: oklch(.96 .006 250);--border: oklch(.92 .008 250);--border-strong: oklch(.86 .012 250);--text: oklch(.22 .015 250);--text-muted: oklch(.5 .012 250);--text-subtle: oklch(.66 .01 250);--text-inv: #fff;--accent: var(--blue-600);--accent-strong: var(--blue-700);--accent-soft: var(--blue-50);--accent-text: var(--blue-700);--success: oklch(.65 .14 158);--success-soft: oklch(.96 .04 158);--warning: oklch(.74 .15 75);--warning-soft: oklch(.97 .05 75);--danger: oklch(.58 .2 25);--danger-soft: oklch(.96 .04 25)}.op-page *,.op-page *:before,.op-page *:after{box-sizing:border-box}.op-page{margin:0;padding:0}.op-page{font-family:var(--font-sans);color:var(--text);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;letter-spacing:-.005em}.op-page h1,.op-page h2,.op-page h3,.op-page h4{letter-spacing:-.02em;margin:0;line-height:1.15;font-weight:600}.op-page button{font:inherit}.op-page .mono{font-family:var(--font-mono)}.op-page .op-container{width:min(1180px,calc(100% - 48px));margin:0 auto}.op-page .nav{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.op-page .nav-inner{height:60px;display:flex;align-items:center;gap:36px}.op-page .logo{display:flex;align-items:center;gap:9px;font-weight:600;font-size:15px;color:var(--text)}.op-page .logo-mark{width:28px;height:28px;border-radius:7px;background:var(--blue-600);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:inset 0 1px #ffffff2e,0 1px 2px #062b5f4d}.op-page .logo-mark i{font-size:13px}.op-page .logo-text>span:last-child{color:var(--accent-text);font-weight:500;margin-left:3px}.op-page .nav-links{display:flex;gap:4px}.op-page .nav-links a{padding:6px 12px;border-radius:6px;font-size:13.5px;color:var(--text-muted);font-weight:500;transition:background .12s,color .12s}.op-page .nav-links a:hover{background:var(--surface-2);color:var(--text)}.op-page .nav-links a.active{background:var(--accent-soft);color:var(--accent-text)}.op-page .nav-spacer{flex:1}.op-page .nav-actions{display:flex;gap:8px;align-items:center}.op-page footer{padding:56px 0 36px;border-top:1px solid var(--border)}.op-page .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}.op-page .footer-brand p{color:var(--text-muted);font-size:13px;margin-top:10px;max-width:240px;line-height:1.55}.op-page .footer-col h5{font-size:12px;color:var(--text-subtle);text-transform:uppercase;letter-spacing:.05em;font-weight:500;margin-bottom:12px}.op-page .footer-col a{display:block;padding:5px 0;font-size:13.5px;color:var(--text-muted)}.op-page .footer-col a:hover{color:var(--text)}.op-page .footer-bottom{margin-top:40px;padding-top:20px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-subtle)}@media(max-width:920px){.op-page .nav-links{display:none}.op-page .footer-grid{grid-template-columns:1fr}}.op-page .auth-shell{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:56px 24px;background:radial-gradient(60% 60% at 50% 0%,oklch(.97 .05 258 / .5),transparent 70%),var(--bg)}.op-page .auth-card{width:100%;max-width:420px;background:var(--surface);border-radius:24px;padding:36px 32px;box-shadow:0 1px 2px #1822300d,0 16px 40px -16px #0a1f4738}.op-page .auth-card .auth-logo{display:flex;justify-content:center;margin-bottom:18px}.op-page .auth-card h2{font-size:22px;text-align:center}.op-page .auth-card .auth-sub{text-align:center;color:var(--text-muted);font-size:13.5px;margin-top:6px}.op-page .auth-card form{display:flex;flex-direction:column;gap:4px;margin-top:22px}.op-page .auth-card label{font-size:13px;font-weight:500;color:var(--text)}.op-page .auth-card input[type=text],.op-page .auth-card input[type=email],.op-page .auth-card input[type=password],.op-page .auth-card input[type=tel],.op-page .auth-card input[type=number],.op-page .auth-card select,.op-page .auth-card .op-picker-trigger{border:1px solid var(--border-strong);border-radius:12px;height:40px;padding:0 12px;width:100%;background:var(--surface);color:var(--text);font:inherit;font-size:13.5px;transition:border-color .12s,box-shadow .12s}.op-page .auth-card input[type=text]:focus,.op-page .auth-card input[type=email]:focus,.op-page .auth-card input[type=password]:focus,.op-page .auth-card input[type=tel]:focus,.op-page .auth-card input[type=number]:focus,.op-page .auth-card select:focus,.op-page .auth-card .op-picker-trigger:focus-visible,.op-page .auth-card .op-picker-trigger[aria-expanded=true]{outline:none;border-color:var(--blue-600);box-shadow:0 0 0 3px #145ec12e}.op-page .auth-card input[type=checkbox]{width:18px;height:18px;flex:0 0 18px;border:1.5px solid var(--text-subtle);border-radius:4px;accent-color:var(--accent)}.op-page .auth-card small{color:var(--text-subtle)}.op-page .auth-card .op-btn{width:100%;margin-top:10px}.op-page .auth-card .auth-footer{margin-top:20px;text-align:center;font-size:13px;color:var(--text-muted)}.op-page .auth-card .auth-footer a{color:var(--accent-text);font-weight:500}.op-page .auth-card .auth-divider{display:flex;align-items:center;gap:12px;color:var(--text-subtle);font-size:12.5px;margin:20px 0 2px}.op-page .auth-card .auth-divider:before,.op-page .auth-card .auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.op-page .auth-card form.auth-social{margin-top:10px}.op-tooltip{position:relative;display:inline-flex;vertical-align:middle;margin-left:4px}.op-tooltip-icon{width:15px;height:15px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border-strong);font-size:10.5px;font-weight:700;line-height:1;cursor:help}.op-tooltip-bubble{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);width:230px;background:var(--text);color:var(--surface);font-size:12px;font-weight:400;line-height:1.45;text-align:left;padding:8px 10px;border-radius:6px;box-shadow:0 6px 16px #0000002e;opacity:0;visibility:hidden;transition:opacity .12s ease;z-index:20;pointer-events:none}.op-tooltip-bubble:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--text)}.op-tooltip:hover .op-tooltip-bubble,.op-tooltip:focus .op-tooltip-bubble,.op-tooltip:focus-within .op-tooltip-bubble{opacity:1;visibility:visible}