.oc-pageHero{border:1px solid var(--oc-border);background:hsla(0,0%,100%,.72);box-shadow:var(--oc-shadow-2)}.oc-pageHero__canvas{position:absolute;inset:-2px;width:calc(100% + 4px);height:calc(100% + 4px);pointer-events:none;opacity:.85}.oc-filterCard{border:1px solid var(--oc-border);border-radius:var(--oc-radius);background:hsla(0,0%,100%,.74);box-shadow:0 14px 36px rgba(15,23,42,.1)}.oc-filterCard .form-control,.oc-filterCard .form-select{border-radius:14px;border-color:rgba(15,23,42,.14)}.oc-reveal{opacity:0;transform:translateY(10px) scale(0.985);transition:opacity 520ms ease,transform 520ms ease;transition-delay:var(--oc-delay, 0ms);will-change:transform,opacity}.oc-reveal.is-in{opacity:1;transform:translateY(0) scale(1)}@media(prefers-reduced-motion: reduce){.oc-reveal{opacity:1;transform:none;transition:none}}.oc-cardFX--hover,.oc-popTile{transition:transform 200ms ease,box-shadow 200ms ease,border-color 200ms ease}.oc-cardFX--hover:hover,.oc-popTile:hover{transform:translateY(-2px)}.oc-popTile{position:relative;border-radius:18px;border:1px solid rgba(15,23,42,.14);background:linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(255, 255, 255, 0.62));box-shadow:0 22px 46px rgba(15,23,42,.1);overflow:hidden;height:100%}.oc-popTile::before{content:"";position:absolute;inset:-2px;background:radial-gradient(520px 240px at 10% 0%, rgba(59, 130, 246, 0.22), transparent 60%),radial-gradient(520px 240px at 95% 15%, rgba(168, 85, 247, 0.18), transparent 60%),radial-gradient(520px 240px at 55% 110%, rgba(34, 197, 94, 0.12), transparent 60%);opacity:.85;pointer-events:none}.oc-popTile__top{position:relative;display:flex;gap:14px;padding:14px;text-decoration:none;color:inherit}.oc-popTile__shine{position:absolute;inset:-2px;pointer-events:none;opacity:0;transition:opacity 220ms ease;background:linear-gradient(120deg, transparent 25%, rgba(255, 255, 255, 0.4), transparent 65%);transform:translateX(-18%)}.oc-popTile:hover .oc-popTile__shine{opacity:1}.oc-popTile__iconWrap{flex:0 0 auto;width:72px;height:72px;border-radius:16px;border:1px solid rgba(15,23,42,.16);background:hsla(0,0%,100%,.7);box-shadow:0 16px 34px rgba(15,23,42,.12);display:grid;place-items:center;overflow:hidden}.oc-btn-primary{border:0;background:linear-gradient(135deg, var(--oc-primary), var(--oc-accent));box-shadow:0 14px 30px rgba(59,130,246,.18)}.oc-popTile__iconImg{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.oc-popTile__iconEmoji{font-size:24px;line-height:1}.oc-popTile__titleWrap{min-width:0;flex:1 1 auto;padding-top:1px}.oc-popTile__title{font-weight:900;letter-spacing:-0.01em;font-size:14px}.oc-popTile__desc{margin-top:6px}.oc-popTile__stats{position:relative;display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:8px;padding:0 14px 12px 14px}.oc-statCard{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 8px;border-radius:14px;border:1px solid rgba(15,23,42,.14);background:hsla(0,0%,100%,.66);box-shadow:0 14px 28px rgba(15,23,42,.08);font-weight:900;font-size:12px;color:rgba(15,23,42,.84)}.oc-statIco{opacity:.9}.oc-statVal{font-variant-numeric:tabular-nums}.oc-popTile__cta{position:relative;padding:0 14px 14px 14px}.oc-resRow{border-radius:18px}.oc-resRow{border:1px solid rgba(15,23,42,.12);background:hsla(0,0%,100%,.72);box-shadow:0 18px 38px rgba(15,23,42,.08)}.oc-resRow__media{position:relative;flex:0 0 auto;width:300px;min-height:132px;display:block;overflow:hidden;text-decoration:none}.oc-resRow__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transform:scale(1.03)}.oc-resRow__ph{width:100%;height:100%;display:grid;place-items:center;background:radial-gradient(720px 340px at 18% 10%, rgba(59, 130, 246, 0.22), transparent 55%),radial-gradient(720px 340px at 85% 28%, rgba(168, 85, 247, 0.18), transparent 55%),radial-gradient(720px 340px at 55% 115%, rgba(34, 197, 94, 0.14), transparent 55%),linear-gradient(180deg, rgba(15, 23, 42, 0.04), rgba(15, 23, 42, 0.02))}.oc-resRow__phIco{font-size:28px}.oc-resRow__glow{position:absolute;inset:-2px;pointer-events:none;opacity:0;transition:opacity 180ms ease;background:radial-gradient(460px 260px at 25% 0%, rgba(59, 130, 246, 0.35), transparent 60%),radial-gradient(460px 260px at 100% 30%, rgba(168, 85, 247, 0.22), transparent 60%)}.oc-resRow:hover .oc-resRow__glow{opacity:1}.oc-resRow{display:flex;gap:0}.oc-resRow__body{flex:1 1 auto;min-width:0;padding:14px 14px;display:flex;flex-direction:column;gap:10px}.oc-resRow__top{min-width:0;display:flex;flex-direction:column;gap:6px}.oc-resRow__meta{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.oc-resRow__absolutes{position:absolute;top:-14px;left:-14px;border-radius:12px;padding:.45rem .6rem;z-index:3;border:1px solid var(--oc-border);background:hsla(0,0%,100%,.78);box-shadow:0 14px 28px rgba(15,23,42,.1),0 0 0 1px hsla(0,0%,100%,.35) inset;font-weight:900;letter-spacing:-0.01em;line-height:1;transform:translate3d(0, 0, 0) rotate(-2deg);transform-origin:100% 0%;transition:transform 180ms ease,box-shadow 180ms ease,filter 180ms ease}.oc-resRow__absolutes:before{content:"";position:absolute;inset:-2px;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity 180ms ease;background:radial-gradient(240px 140px at 30% 0%, rgba(59, 130, 246, 0.3), transparent 60%),radial-gradient(240px 140px at 100% 30%, rgba(168, 85, 247, 0.2), transparent 60%)}.oc-resRow__absolutes:after{content:"";position:absolute;top:6px;right:6px;width:6px;height:6px;border-radius:999px;border:1px solid rgba(15,23,42,.1);background:linear-gradient(135deg, rgba(59, 130, 246, 0.55), rgba(168, 85, 247, 0.4));box-shadow:0 10px 18px rgba(15,23,42,.1);opacity:.9}.oc-resRow:hover .oc-resRow__absolutes{transform:translate3d(-2px, -2px, 0) rotate(0deg) scale(1.03);box-shadow:0 18px 40px rgba(15,23,42,.14),0 0 0 1px hsla(0,0%,100%,.38) inset;filter:saturate(1.05)}.oc-resRow:hover .oc-resRow__absolutes:before{opacity:1}.oc-resRow:hover .oc-resRow__absolutes:after{animation:ocBadgePing 900ms ease-out both}.oc-resRow:hover .oc-resRow__absolutes{animation:ocBadgePop 260ms cubic-bezier(0.2, 0.9, 0.2, 1) both}.oc-statRail{display:flex;flex-wrap:wrap;gap:8px}.oc-statPill{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;border:1px solid rgba(15,23,42,.14);background:hsla(0,0%,100%,.66);font-weight:900;font-size:12px;color:rgba(15,23,42,.84)}.oc-resRow__actions{display:flex;gap:8px;align-items:center}@media(max-width: 575.98px){.oc-resRow{flex-direction:column}.oc-resRow__media{width:100%;min-height:180px}}.oc-sidebar{position:sticky;top:14px;display:flex;flex-direction:column;gap:12px}@media(max-width: 991.98px){.oc-sidebar{position:static}}.oc-glassCard{border-radius:18px;border:1px solid rgba(15,23,42,.12);background:hsla(0,0%,100%,.72);box-shadow:0 18px 38px rgba(15,23,42,.08);overflow:hidden}.oc-glassDot{width:10px;height:10px;border-radius:999px;background:rgba(59,130,246,.55);box-shadow:0 0 0 6px rgba(59,130,246,.1)}.oc-sideList{margin:0;padding-left:1.05rem;color:rgba(15,23,42,.72);font-size:.95rem}.oc-sideList li{margin:.35rem 0}.oc-kbd{display:inline-block;padding:.12rem .45rem;border-radius:10px;border:1px solid rgba(15,23,42,.14);background:hsla(0,0%,100%,.7);font-weight:800;font-size:.85em}.oc-miniList{display:flex;flex-direction:column;gap:8px}.oc-miniList__item{display:block;padding:10px 10px;border-radius:14px;border:1px solid rgba(15,23,42,.12);background:hsla(0,0%,100%,.62);text-decoration:none;color:inherit;transition:transform 180ms ease,border-color 180ms ease}.oc-miniList__item:hover{transform:translateY(-1px);border-color:rgba(59,130,246,.28)}.oc-miniList__title{display:block;font-weight:900;font-size:.95rem}.oc-miniList__meta{display:block;margin-top:2px;font-size:.85rem;color:rgba(15,23,42,.65)}.oc-resourceCard__ico{width:58px;height:58px;border-radius:18px;border:1px solid rgba(15,23,42,.16);background:hsla(0,0%,100%,.7);box-shadow:0 14px 28px rgba(15,23,42,.1);display:grid;place-items:center}.oc-resourceCard__icoTxt{font-size:26px;line-height:1}@keyframes ocBadgePop{0%{transform:translate3d(0, 0, 0) rotate(-2deg) scale(1)}60%{transform:translate3d(-2px, -2px, 0) rotate(0deg) scale(1.06)}100%{transform:translate3d(-2px, -2px, 0) rotate(0deg) scale(1.03)}}@keyframes ocBadgePing{0%{transform:scale(1);opacity:.95}70%{transform:scale(1.9);opacity:0}100%{transform:scale(2.1);opacity:0}}@media(prefers-reduced-motion: reduce){.oc-resRow__absolutes,.oc-resRow__absolutes:before{transition:none !important}.oc-resRow:hover .oc-resRow__absolutes{animation:none !important}.oc-resRow:hover .oc-resRow__absolutes:after{animation:none !important}}