.op-surface{--ink:#f3f4f6;--muted:#9ca3af;--card:#1e1e1e;--shade:#1a1a1a;--border:#333;--platinum-glow:0 0 10px rgba(229,231,235,.15);--ingot-grad:linear-gradient(180deg,#f0f0f0 0%,#dcdcdc 50%,#aaa 51%,#909090);--metal-text:#050505;--ring:#d4d4d4}.op-surface .ony-left-bg{background:transparent}.op-surface .ony-card{background:linear-gradient(145deg,#2a2a2a,#1a1a1a);border:none;border-radius:12px;box-shadow:0 4px 6px -1px rgba(0,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.1)}.op-surface .input-ony{width:100%;padding:14px 16px;border:1px solid #333;border-radius:12px;background:#0f0f0f;color:var(--ink);outline:none;box-shadow:inset 0 2px 4px rgba(0,0,0,.6);transition:all .15s ease}.op-surface .input-ony::-moz-placeholder{color:var(--muted)}.op-surface .input-ony::placeholder{color:var(--muted)}.op-surface .input-ony:focus{border-color:#666;box-shadow:inset 0 2px 4px rgba(0,0,0,.8),0 0 5px hsla(0,0%,100%,.1)}.op-surface .textarea{background:#0f1012!important;box-shadow:inset 0 4px 8px rgba(0,0,0,.8)!important;border:1px solid!important;border-color:#333 #333 #555!important;border-radius:12px;color:#e0e0e0!important;resize:vertical}.op-surface .textarea:focus{background:#0a0a0a!important;border-bottom-color:#666!important}.op-surface .input-ony:-webkit-autofill,.op-surface .input-ony:-webkit-autofill:focus,.op-surface .input-ony:-webkit-autofill:hover{-webkit-text-fill-color:var(--ink);caret-color:var(--ink);box-shadow:inset 0 0 0 1000px #0f0f0f!important;border:1px solid #333!important;-webkit-transition:background-color 99999s ease-in-out 0s;transition:background-color 99999s ease-in-out 0s}.op-surface .input-ony:-moz-ui-valid{background-color:#0f0f0f!important}.op-surface .btn-ony{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;margin-top:6px;padding:14px 16px;border-radius:12px;background:linear-gradient(180deg,#2a2a2a,#1a1a1a);color:#a0a0a0;border:1px solid #3a3a3a;font-weight:700;font-size:16px;cursor:pointer;transition:all .15s ease;box-shadow:0 2px 4px rgba(0,0,0,.3)}.op-surface .btn-ony:hover{background:linear-gradient(180deg,#353535,#252525);border-color:#505050;color:#e2e8f0;transform:translateY(-.5px);box-shadow:0 4px 8px rgba(0,0,0,.4)}.op-surface .btn-ony:active{transform:translateY(.5px)}.op-surface .btn-ony[disabled]{background:#111;border-color:#333;color:#444;box-shadow:none;cursor:not-allowed}.op-surface .btn-platinum{background:linear-gradient(180deg,#fff,#e8e8e8 45%,#bfbfbf 50%,#8f8f8f 0,#aebfcc 55%,#e8e8e8);border:1px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.7);color:#1a1a1a;font-weight:700;text-shadow:0 1px 0 hsla(0,0%,100%,.8);text-transform:uppercase;letter-spacing:.5px;transition:all .15s ease}.op-surface .btn-platinum:hover{filter:brightness(1.1);transform:translateY(-.5px);box-shadow:0 6px 12px rgba(0,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.8)}.op-surface .btn-platinum:active{transform:translateY(.5px);box-shadow:0 2px 3px rgba(0,0,0,.3);background:linear-gradient(180deg,#d7d7d7,#b0b0b0 49%,#7a7a7a 50%,#909090)}.op-surface .btn-platinum[disabled]{background:#333;color:#666;border:1px solid #444;box-shadow:none;filter:none}.op-surface .btn-ony--sm{padding:10px 12px;font-size:14px;border-radius:10px}