:root{--oc-accent:#4263ff;--oc-content-bg:#141923;--oc-content-text:#f5f7ff;--oc-content-muted:#aab3c8;--oc-content-line:#303b52}.oc-gallery{display:grid;gap:18px}.oc-columns-1{grid-template-columns:1fr}.oc-columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}.oc-columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}.oc-columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}.oc-columns-5{grid-template-columns:repeat(5,minmax(0,1fr))}.oc-columns-6{grid-template-columns:repeat(6,minmax(0,1fr))}.oc-gallery figure{margin:0;min-width:0}.oc-gallery a{display:block;overflow:hidden;border-radius:10px;background:var(--oc-content-bg)}.oc-gallery img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;transition:transform .2s}.oc-gallery a:hover img{transform:scale(1.025)}.oc-gallery figcaption{padding-top:10px;font-size:13px;color:inherit}.oc-gallery a:focus-visible,.oc-testimonials button:focus-visible,.oc-lightbox button:focus-visible,.oc-review-track:focus-visible,.oc-discord-card a:focus-visible,.oc-discord-card button:focus-visible{outline:2px solid var(--oc-accent);outline-offset:4px}.oc-lightbox{max-width:95vw;max-height:94vh;padding:54px 20px 16px;border:1px solid #36435f;border-radius:12px;background:#0b0f18;color:#fff}.oc-lightbox::backdrop{background:#000d}.oc-lightbox>img{display:block;max-width:85vw;max-height:72vh;width:auto;height:auto;object-fit:contain;margin:auto}.oc-lightbox button,.oc-slider-controls button,.oc-discord-card button{background:#202a3d;color:#f5f7ff;border:1px solid #42516d;border-radius:6px;padding:10px 15px;font:inherit;font-size:13px;cursor:pointer}.oc-lightbox-close{position:absolute;top:10px;right:14px}.oc-lightbox-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:15px}.oc-testimonials{color:var(--oc-content-text)}.oc-review-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 40px)/3);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:4px 4px 16px;overscroll-behavior-x:contain}.oc-review{scroll-snap-align:start;min-width:0;margin:0;padding:28px;border:1px solid var(--oc-content-line);border-radius:12px;background:var(--oc-content-bg);display:flex;flex-direction:column;gap:20px}.oc-rating{color:#f6cd62;font-size:20px;letter-spacing:3px}.oc-review blockquote{margin:0;line-height:1.8;font-size:16px;flex:1;overflow-wrap:anywhere}.oc-review figcaption strong,.oc-review figcaption span{display:block}.oc-review figcaption strong{font-size:14px}.oc-review figcaption span{font-size:12px;color:var(--oc-content-muted);margin-top:5px}.oc-slider-controls{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}.oc-slider-controls button:disabled,.oc-lightbox button:disabled{opacity:.45;cursor:default}.oc-discord-card{padding:26px;margin:28px 0;border:1px solid var(--oc-content-line);border-radius:12px;background:var(--oc-content-bg);color:var(--oc-content-text)}.oc-discord-card h3{font-size:21px;letter-spacing:-.02em;margin:0 0 16px;line-height:1.3}.oc-discord-card p{font-size:14px;margin:0 0 14px;line-height:1.7;color:var(--oc-content-muted)}.oc-discord-card strong{color:var(--oc-content-text)}.oc-discord-button{display:inline-flex;justify-content:center;border-radius:6px;padding:12px 18px;background:#5865f2!important;color:#fff!important;font-size:14px;text-decoration:none!important;font-weight:600}.oc-discord-actions{display:flex;gap:10px;flex-wrap:wrap}.oc-discord-actions form{margin:0}.oc-discord-login{margin-top:20px!important}@media(max-width:900px){.oc-review-track{grid-auto-columns:calc((100% - 20px)/2)}.oc-columns-5,.oc-columns-6{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.oc-gallery{gap:12px}.oc-columns-3,.oc-columns-4,.oc-columns-5,.oc-columns-6{grid-template-columns:repeat(2,minmax(0,1fr))}.oc-review-track{grid-auto-columns:100%}.oc-review{padding:22px}.oc-lightbox{padding-inline:10px}.oc-lightbox>img{max-width:88vw}.oc-discord-card{padding:20px}}@media(prefers-reduced-motion:reduce){.oc-gallery img{transition:none}.oc-review-track{scroll-behavior:auto}}

.oc-portfolio-panel{background:#10141e;color:#f4f6fc;border:1px solid #303b52;border-radius:14px;padding:32px}.oc-portfolio-heading{padding-bottom:24px;margin-bottom:26px;border-bottom:1px solid #303b52}.oc-portfolio-panel .oc-portfolio-heading h1{font-size:30px!important;line-height:1.2;letter-spacing:-.035em;margin:0!important}.oc-portfolio-heading p{font-size:14px;line-height:1.7;color:#aab3c8;margin:12px 0 0}.oc-portfolio-panel .oc-gallery figcaption{color:#aab3c8}@media(max-width:600px){.oc-portfolio-panel{padding:20px}.oc-portfolio-panel .oc-portfolio-heading h1{font-size:27px!important}}


.oc-portfolio-panel{padding:0;overflow:hidden;background:#101620;border-color:#313e58;border-radius:16px}.oc-portfolio-heading{position:relative;padding:34px 36px 32px;margin:0;background:linear-gradient(115deg,#1b2a49 0%,#151e30 55%,#111925 100%);border-bottom:1px solid #35435d}.oc-portfolio-heading:before{content:'';position:absolute;left:36px;top:0;width:58px;height:3px;background:var(--oc-accent);border-radius:0 0 3px 3px}.oc-portfolio-panel .oc-portfolio-heading h1{font-size:30px!important;font-weight:600;letter-spacing:-.035em;margin:0 0 16px!important}.oc-portfolio-heading .oc-portfolio-subheading{font-size:19px;line-height:1.4;font-weight:500;letter-spacing:-.015em;color:#c3d0ee;margin:0 0 10px}.oc-portfolio-heading p{max-width:620px;font-size:14px;line-height:1.8;color:#acb8d0;margin:0}.oc-portfolio-gallery{padding:30px 36px 36px}.oc-portfolio-gallery .oc-gallery{gap:24px}.oc-portfolio-gallery .oc-gallery figure{background:#151e2e;border:1px solid #2c3952;border-radius:11px;overflow:hidden}.oc-portfolio-gallery .oc-gallery a{border-radius:0}.oc-portfolio-gallery .oc-gallery figcaption{padding:13px 16px;font-size:12px;line-height:1.6}.oc-portfolio-gallery .oc-gallery img{aspect-ratio:16/11}@media(max-width:600px){.oc-portfolio-heading{padding:27px 22px}.oc-portfolio-heading:before{left:22px}.oc-portfolio-heading .oc-portfolio-subheading{font-size:17px}.oc-portfolio-gallery{padding:20px}.oc-portfolio-gallery .oc-gallery{gap:14px}.oc-portfolio-gallery .oc-gallery figcaption{padding:10px;font-size:11px}}

.oc-checkout-discord{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;margin-bottom:26px;border:1px solid #3a486b;border-radius:10px;background:#161f34;color:#f4f6fc}.oc-checkout-discord strong{font-size:15px}.oc-checkout-discord p{font-size:12px;color:#b1bdd5;margin:6px 0 0;line-height:1.7}.oc-checkout-discord .oc-discord-button{white-space:nowrap}@media(max-width:600px){.oc-checkout-discord{align-items:flex-start;flex-direction:column;padding:20px}.oc-checkout-discord .oc-discord-button{width:100%}}