.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: oklch(.55 .16 248);--accent-strong: oklch(.48 .18 248);--accent-soft: oklch(.96 .03 248);--accent-text: oklch(.4 .18 248);--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);--font-sans: "Geist", system-ui, -apple-system, sans-serif;--font-mono: "Geist Mono", ui-monospace, monospace}.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:linear-gradient(135deg,#007ed1,#006bc9,#0057c0);background:linear-gradient(135deg,color(xyz 0.191 0.196 0.644),color(xyz 0.161 0.146 0.611),color(xyz 0.136 0.105 0.576));display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 1px #fff6 inset,0 1px 2px #003d6933;box-shadow:0 1px #fff6 inset,0 1px 2px oklch(.35 .18 248 / .2)}.op-page .logo-mark svg{width:15px;height:15px}.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 .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:7px;border:1px solid;cursor:pointer;transition:transform .08s,box-shadow .12s,background .12s;white-space:nowrap}.op-page .op-btn:active{transform:translateY(1px)}.op-page .op-btn-primary{background:var(--accent);color:#fff;border-color:var(--accent-strong);box-shadow:0 1px #2694eb inset,0 1px 2px #003d6940;box-shadow:0 1px #2694eb inset,0 1px 2px oklch(.35 .18 248 / .25)}.op-page .op-btn-primary:hover{background:#006cb5;background:oklch(.52 .17 248);color:#fff}.op-page .op-btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong);box-shadow:0 1px #00000005}.op-page .op-btn-secondary:hover{background:var(--surface-2);color:var(--text)}.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:9px}.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 248 / .5),transparent 70%),var(--bg)}.op-page .auth-card{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:36px 32px;box-shadow:0 10px 30px #141e500f,0 1px 2px #141e500a}.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{border:1px solid var(--border-strong);border-radius:8px;height:34px;padding:0 10px;width:100%;background:var(--surface);color:var(--text);font:inherit;font-size:13px}.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{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.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{text-align:center;color:var(--text-subtle);font-size:12.5px;margin:18px 0 4px}.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}