/* Oflox AI additions */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.universal-search{position:relative;margin-top:28px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:8px 8px 8px 18px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:rgba(255,255,255,.055);box-shadow:0 24px 70px rgba(0,0,0,.42);backdrop-filter:blur(18px)}
.universal-search span{font-size:22px;color:#a7a7a7}.universal-search input{min-width:0;background:transparent;border:0;outline:0;color:#fff;font:inherit;padding:12px 0}.universal-search input::placeholder{color:#757575}.universal-search button{border:0;border-radius:12px;padding:13px 18px;font-weight:800;cursor:pointer;background:#fff;color:#000}
.search-suggestions{position:absolute;z-index:20;top:calc(100% + 10px);left:0;right:0;padding:10px;border:1px solid #252525;border-radius:18px;background:#080808;box-shadow:0 30px 80px rgba(0,0,0,.75)}
.search-suggestions a{display:flex;justify-content:space-between;gap:18px;padding:12px 14px;border-radius:12px;color:#fff;text-decoration:none}.search-suggestions a:hover{background:#151515}.search-suggestions small{color:#777}
.premium-bento{padding-top:70px}.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(220px,auto);gap:18px}.bento-card{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:28px;border:1px solid #202020;border-radius:26px;background:linear-gradient(145deg,#101010,#050505);color:#fff;text-decoration:none;transition:.3s ease}.bento-card:hover{transform:translateY(-6px);border-color:#4c4c4c}.bento-card:before{content:"";position:absolute;width:220px;height:220px;right:-80px;top:-100px;border-radius:50%;background:rgba(255,255,255,.08);filter:blur(40px)}.bento-card>*{position:relative}.bento-card span{font-size:11px;letter-spacing:.16em;color:#8d8d8d;font-weight:800}.bento-card h3{font-size:clamp(24px,2.3vw,38px);line-height:1.05;margin:12px 0}.bento-card p{color:#9c9c9c;margin:0 0 22px}.bento-card b{font-size:13px}.bento-large{grid-column:span 2;grid-row:span 2;min-height:460px}.mini-code{margin:30px 0;padding:20px;border:1px solid #252525;border-radius:16px;background:#030303;color:#cfcfcf;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.community-card{grid-column:span 2}.community-bars{display:grid;gap:10px;margin-top:20px}.community-bars i{position:relative;overflow:hidden;padding:11px 14px;border-radius:10px;background:#111;font-style:normal;font-size:12px}.community-bars i:before{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);background:rgba(255,255,255,.09)}
.hub-hero{padding:150px 0 70px;text-align:center}.hub-hero h1{font-size:clamp(48px,8vw,100px);letter-spacing:-.06em;line-height:.9;margin:18px auto;max-width:1000px}.hub-hero p{max-width:720px;margin:auto;color:#999;font-size:18px}.hub-search{max-width:760px;margin:34px auto 0}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.category-tile{padding:26px;border:1px solid #202020;border-radius:22px;background:#0a0a0a;color:#fff;text-decoration:none}.category-tile:hover{border-color:#555}.category-tile span{font-size:11px;color:#777;letter-spacing:.12em}.category-tile h2{font-size:26px;margin:14px 0}.category-tile p{color:#929292}.roadmap-grid,.repo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.roadmap,.repo{padding:28px;border:1px solid #222;border-radius:24px;background:#090909}.roadmap h2,.repo h2{margin:10px 0}.roadmap ol{color:#aaa;line-height:1.9}.repo a{color:#fff}
@media(max-width:900px){.bento-grid{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.universal-search{grid-template-columns:auto 1fr}.universal-search button{grid-column:1/-1;width:100%}.bento-grid,.category-grid,.roadmap-grid,.repo-grid{grid-template-columns:1fr}.bento-large,.community-card{grid-column:auto;grid-row:auto}.bento-large{min-height:350px}}

/* OFLOX AI® FINAL PRODUCTION UI — Created by Mr Rahman — Powered by Oflox.com */
.ticker{overflow:hidden}.ticker-track{display:flex;width:max-content;min-width:200%;animation:ofloxMarquee 34s linear infinite;will-change:transform}.ticker-track span{display:block;white-space:nowrap;min-width:50%;text-align:center;padding:0 36px}.ticker:hover .ticker-track{animation-play-state:paused}@keyframes ofloxMarquee{to{transform:translateX(-50%)}}
.bento-large{justify-content:flex-end}.utility-visual{position:relative;min-height:245px;margin:-4px 0 26px;border:1px solid #292929;border-radius:20px;background:radial-gradient(circle at 75% 20%,rgba(255,255,255,.12),transparent 28%),linear-gradient(145deg,#151515,#050505);overflow:hidden}.uv-window{position:absolute;inset:30px 54px 30px 30px;padding:18px;border:1px solid #303030;border-radius:16px;background:rgba(0,0,0,.82);box-shadow:0 25px 60px rgba(0,0,0,.45)}.uv-window>span{display:inline-block;width:8px;height:8px;margin-right:5px;border-radius:50%;background:#555}.uv-window pre{margin:28px 0 0;color:#d8d8d8;font:13px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace}.uv-chip{position:absolute;padding:9px 12px;border:1px solid #363636;border-radius:12px;background:#111;font:700 11px ui-monospace;color:#fff}.uv-chip.c1{right:18px;top:35px}.uv-chip.c2{right:12px;top:96px}.uv-chip.c3{right:22px;bottom:30px}
.premium-bento{padding-top:55px}#learn.section{padding-top:70px}.numbers strong:after{content:attr(data-suffix)}.numbers strong{display:inline}.numbers sup{display:none}.powered{margin-left:auto}.powered a{color:#fff;text-decoration:none}.about-premium-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.about-premium-grid article{padding:34px;border:1px solid #252525;border-radius:24px;background:linear-gradient(145deg,#101010,#050505)}.about-premium-grid h2{font-size:clamp(28px,3vw,44px);margin:14px 0}.about-premium-grid p{color:#999;line-height:1.75}
@media(max-width:800px){.ticker-track{animation-duration:24s}.utility-visual{min-height:210px}.about-premium-grid{grid-template-columns:1fr}.powered{margin-left:0}}
