.hero{min-height:650px;padding:68px 0 62px;display:grid;grid-template-columns:1.04fr .96fr;gap:70px;align-items:center}.hero-copy h1{font-size:clamp(46px,6vw,74px);line-height:1.03;margin:17px 0 24px;letter-spacing:-.065em}.hero-copy h1 em{font-style:normal;color:var(--brand)}.hero-copy>p{font-size:18px;color:var(--muted);max-width:650px;margin:0}.hero-search{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:7px 7px 7px 16px;margin-top:32px;box-shadow:var(--shadow)}.hero-search>span{font-size:24px;color:var(--brand)}.hero-search input{width:100%;border:0;outline:0;background:transparent;font-size:15px}.hero-search button{border:0;background:var(--ink);color:#fff;border-radius:11px;padding:11px 18px;font-weight:750}.hero-points{display:flex;flex-wrap:wrap;gap:15px;margin-top:18px;color:#6b7d78;font-size:12px}.hero-points span{display:flex;align-items:center;gap:5px}.hero-stage{position:relative;min-height:480px;border-radius:34px;background:linear-gradient(145deg,#203d37,#132823);overflow:hidden;box-shadow:0 28px 75px rgba(19,52,44,.22)}.hero-stage:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 15%,rgba(255,162,98,.28),transparent 35%),linear-gradient(120deg,transparent,rgba(255,255,255,.03));pointer-events:none}.hero-slide{position:absolute;inset:0;padding:38px 42px 86px;opacity:0;transform:translateX(24px);pointer-events:none;transition:.45s ease;color:#fff;display:flex;flex-direction:column;justify-content:end}.hero-slide.is-active{opacity:1;transform:none;pointer-events:auto}.slide-index{position:absolute;top:30px;right:34px;color:#95b2aa;font-size:12px;letter-spacing:.12em}.hero-slide h2{font-size:32px;line-height:1.1;margin:0 0 9px}.hero-slide p{color:#b4cbc5;margin:0 0 16px;max-width:390px}.hero-slide>a{color:#ffbe83;font-size:13px;font-weight:750}.orbit-art{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:260px;height:250px}.orbit-ai b{position:absolute;left:50%;top:50%;translate:-50% -50%;width:114px;height:114px;border-radius:40% 60% 55% 45%;display:grid;place-items:center;background:linear-gradient(135deg,#ffca62,#ff825b 56%,#8770f4);font-size:40px;box-shadow:0 20px 50px rgba(255,139,86,.25)}.orbit-ai i{position:absolute;inset:20px;border:1px solid rgba(255,255,255,.3);border-radius:50%;transform:rotate(18deg)}.orbit-ai i:nth-of-type(2){inset:5px 37px;transform:rotate(72deg)}.orbit-ai i:nth-of-type(3){inset:50px 0;transform:rotate(-18deg)}.orbit-ai i:after{content:"";position:absolute;left:14px;top:27px;width:8px;height:8px;border-radius:50%;background:#fff}.orbit-coin{display:grid;place-items:center}.orbit-coin:before,.orbit-coin:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.18);border-radius:50%;inset:20px 0;transform:rotate(22deg)}.orbit-coin:after{inset:0 30px;transform:rotate(-46deg)}.orbit-coin img{width:150px;filter:drop-shadow(0 25px 35px rgba(216,141,32,.34))}.pixel-scene{position:absolute;left:50%;top:43%;translate:-50% -50%;width:270px;height:210px;border-bottom:8px solid #91b4aa;background:linear-gradient(#192d35 65%,#27463e 65%);image-rendering:pixelated}.pixel-scene span{position:absolute;left:45px;top:30px;color:#ffd66b;font-size:30px}.pixel-scene b{position:absolute;left:108px;bottom:0;width:30px;height:44px;background:#ff905d;box-shadow:30px -25px 0 #6e68df,60px -50px 0 #ffd166,90px -25px 0 #6e68df}.pixel-scene i{position:absolute;left:24px;bottom:0;width:34px;height:58px;background:#e7f4ef;box-shadow:7px -16px 0 -6px #e7f4ef}.slider-controls{position:absolute;left:42px;right:42px;bottom:28px;display:flex;align-items:center;justify-content:space-between;z-index:4}.slider-controls button{width:35px;height:35px;border:1px solid rgba(255,255,255,.2);color:#fff;background:rgba(255,255,255,.06);border-radius:50%}.slider-controls>div{display:flex;gap:7px}.slider-controls>div button{width:22px;height:4px;border:0;border-radius:99px;padding:0;background:rgba(255,255,255,.2)}.slider-controls>div button.is-active{background:#ffb27b;width:38px}.trust-strip{background:var(--surface);border-block:1px solid var(--line)}.trust-strip>.shell{min-height:84px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center}.trust-strip span{padding:0 28px;border-right:1px solid var(--line);font-size:13px;color:var(--muted);text-align:center}.trust-strip span:last-child{border:0}.trust-strip b{display:block;color:var(--ink);font-size:21px}.filter-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:15px;scrollbar-width:none}.filter-row button{flex:none;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:8px 15px;font-size:13px}.filter-row button.is-active{background:var(--ink);color:#fff;border-color:var(--ink)}.catalog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.tool-card{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:19px;display:flex;flex-direction:column;min-height:230px;transition:.22s ease}.tool-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--tool-accent),#fff 65%)}.tool-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.tool-icon{width:45px;height:45px;border-radius:13px;background:color-mix(in srgb,var(--tool-accent),#fff 88%);display:grid;place-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--tool-accent),#fff 72%)}.tool-icon img{width:28px;height:28px;object-fit:contain}.tool-icon span{font-weight:850;color:var(--tool-accent)}.tool-badge{font-size:10px;color:var(--tool-accent);background:color-mix(in srgb,var(--tool-accent),transparent 91%);padding:4px 8px;border-radius:999px}.tool-card h3{font-size:17px;margin:17px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-domain{font-size:11px;color:#83928e}.tool-card p{font-size:13px;color:var(--muted);line-height:1.55;margin:12px 0 17px;flex:1}.tool-footer{display:flex;align-items:center;justify-content:space-between;padding-top:13px;border-top:1px solid var(--line)}.tool-footer span{font-size:11px;color:var(--muted)}.tool-footer button{border:0;background:transparent;color:var(--brand);font-weight:800;padding:4px}.empty-state{text-align:center;padding:50px;background:var(--surface);border:1px dashed var(--line);border-radius:18px;color:var(--muted)}.atlas-section{background:#17332e;position:relative;overflow:hidden}.atlas-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 20%,rgba(255,168,100,.12),transparent 28%),radial-gradient(circle at 90% 70%,rgba(123,109,241,.12),transparent 30%)}.atlas-section>.shell{position:relative}.agent-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.agent-card{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);border-radius:17px;padding:20px;color:#fff;min-height:260px}.agent-card-index{display:flex;justify-content:space-between;align-items:center;color:#87a9a0;font-size:11px}.agent-card-index b{width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.14);display:grid;place-items:center;color:#ffbc83}.agent-card h3{font-size:19px;margin:24px 0 4px}.agent-card>small{color:#9bb9b1}.agent-card dl{margin:18px 0 0;display:grid;gap:9px}.agent-card dl div{display:grid;gap:2px}.agent-card dt{font-size:10px;color:#78998f}.agent-card dd{margin:0;font-size:12px;color:#d4e4df}.agent-rule{margin-top:22px;border-radius:14px;padding:15px 18px;background:#24463f;color:#c9ddd7;display:flex;flex-wrap:wrap;gap:12px 22px;font-size:12px}.agent-rule strong{color:#fff}.community-layout{display:grid;grid-template-columns:1fr 320px;gap:20px}.post-list{display:grid;gap:10px}.post-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px;display:grid;grid-template-columns:90px 1fr auto;gap:20px;align-items:center}.post-card .post-category{font-size:11px;font-weight:750;color:var(--brand);background:var(--brand-soft);border-radius:8px;padding:5px 8px;text-align:center}.post-card h3{font-size:16px;margin:0 0 4px}.post-card p{font-size:12px;color:var(--muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-card time{font-size:11px;color:#8b9b96}.skeleton-card{height:92px;border-radius:16px;background:linear-gradient(90deg,var(--surface-soft),var(--surface),var(--surface-soft));background-size:200% 100%;animation:shimmer 1.4s infinite}.community-code{background:linear-gradient(145deg,#fff7ec,#f3ece6);border:1px solid #ecddcd;border-radius:20px;padding:24px;color:#48382d}.community-code>span{font-size:11px;color:#a27149}.community-code h3{font-size:21px;margin:4px 0 14px}.community-code ul{padding-left:17px;margin:0 0 16px;font-size:13px;color:#745f50}.community-code a{font-size:12px;font-weight:750;color:#a45b33}.arcade-section{background:#1b1b29;color:#fff;position:relative;overflow:hidden}.arcade-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:24px 24px}.arcade-section>.shell{position:relative}.game-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px}.game-card{background:#242438;border:1px solid #383850;border-radius:17px;overflow:hidden}.game-card>div:last-child{padding:18px}.game-card>div>span{font-size:10px;color:#aaa7ce}.game-card h3{font-size:19px;margin:4px 0}.game-card p{font-size:12px;color:#aaa9bf;margin:0 0 13px}.game-card button,.game-card a{border:1px solid #484863;background:#2f2f47;color:#d9d7f2;border-radius:9px;padding:7px 11px;font-size:11px}.game-art{height:150px;position:relative;overflow:hidden}.game-card-featured .game-art{height:170px}.game-art-blocks{background:linear-gradient(#6d70cb 0 64%,#292944 64%)}.game-art-blocks i{position:absolute;width:38px;height:38px;background:#ffd166;bottom:26px;left:22%;box-shadow:38px 0 #ff7a6c,76px 0 #66d2a4,114px 0 #7e74e8,38px -38px #66d2a4,76px -38px #ffd166}.game-art-runner{background:linear-gradient(#e3b972 0 62%,#554635 62%)}.game-art-runner b{position:absolute;left:29%;bottom:25px;width:26px;height:26px;background:#292943;border-radius:50%;box-shadow:0 24px 0 -7px #292943}.game-art-runner i{position:absolute;left:58%;bottom:0;width:13px;height:64px;background:#496c56;box-shadow:35px -18px 0 #496c56}.game-art-cards{background:linear-gradient(135deg,#4a375d,#26334d);display:grid;place-items:center}.game-art-cards b{display:grid;place-items:center;width:72px;height:94px;border:4px solid #f1c066;background:#2d273e;border-radius:8px;font-size:34px;color:#f1c066;transform:rotate(5deg);box-shadow:-22px 9px 0 #3e3557}.reward-panel{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;background:linear-gradient(145deg,#fffdf8,#f6f0df);border:1px solid #e9dfc7;border-radius:28px;padding:28px}.reward-intro{grid-row:1/3;padding:18px}.reward-intro img{filter:drop-shadow(0 18px 25px rgba(196,129,29,.18))}.reward-intro h2{font-size:36px;line-height:1.15;letter-spacing:-.04em;margin:10px 0}.reward-intro p{color:#736951;max-width:520px}.reward-rules{display:grid;grid-template-columns:1fr 1fr;gap:9px}.reward-rules>div{background:rgba(255,255,255,.76);border:1px solid #eadfc8;border-radius:14px;padding:14px;display:grid}.reward-rules span{font-size:11px;color:#766c58}.reward-rules strong{font-size:21px;color:#b16a23}.reward-rules small{font-size:10px;color:#9a907b}.monthly-award{background:#17332e;color:#fff;border-radius:18px;padding:20px}.monthly-award>div span{font-size:10px;color:#86a69d}.monthly-award h3{margin:2px 0}.monthly-award p{font-size:11px;color:#a9c2bb;margin:0}.monthly-award ol{list-style:none;margin:18px 0;padding:0;display:grid;gap:7px}.monthly-award li{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px}.monthly-award li b{width:25px;height:25px;border-radius:8px;background:#f6c453;color:#704d13;display:grid;place-items:center}.monthly-award li:nth-child(2) b{background:#cdd6d3;color:#3c4b47}.monthly-award li:nth-child(3) b{background:#d89a63;color:#5f351a}.monthly-award li span{font-size:12px}.monthly-award li strong{font-size:13px;color:#ffcd83}.monthly-award>small{display:block;border-top:1px solid rgba(255,255,255,.11);padding-top:12px;color:#8eaba3;font-size:10px}@keyframes shimmer{to{background-position:-200% 0}}

@media(max-width:1050px){.hero{grid-template-columns:1fr;gap:36px}.hero-copy{text-align:center}.hero-copy>p{margin-inline:auto}.hero-points{justify-content:center}.hero-stage{min-height:460px}.catalog-grid{grid-template-columns:repeat(3,1fr)}.agent-grid{grid-template-columns:repeat(3,1fr)}.game-grid{grid-template-columns:1fr 1fr}.game-card-featured{grid-column:1/-1}.reward-panel{grid-template-columns:1fr}.reward-intro{grid-row:auto}.community-layout{grid-template-columns:1fr}}
@media(max-width:760px){.hero{padding-top:44px}.hero-copy h1{font-size:45px}.hero-copy>p{font-size:15px}.hero-search{grid-template-columns:auto 1fr}.hero-search button{grid-column:1/-1}.hero-stage{min-height:480px}.hero-slide{padding-inline:26px}.slider-controls{left:26px;right:26px}.trust-strip>.shell{grid-template-columns:1fr 1fr}.trust-strip span{padding:14px;border-bottom:1px solid var(--line)}.catalog-grid{grid-template-columns:1fr 1fr}.agent-grid{grid-template-columns:1fr 1fr}.agent-rule{display:grid}.post-card{grid-template-columns:auto 1fr}.post-card time{grid-column:2}.game-grid{grid-template-columns:1fr}.game-card-featured{grid-column:auto}.reward-panel{padding:15px}.reward-rules{grid-template-columns:1fr 1fr}}
@media(max-width:500px){.catalog-grid,.agent-grid,.reward-rules{grid-template-columns:1fr}.tool-card{min-height:210px}.hero-stage{min-height:440px}.orbit-art{transform:translate(-50%,-50%) scale(.82)}.post-card{gap:12px}.reward-intro h2{font-size:30px}}
.tool-card{--tool-accent:#3d7b6b}.tool-card.accent-general{--tool-accent:#3d7b6b}.tool-card.accent-code{--tool-accent:#5767c9}.tool-card.accent-image{--tool-accent:#c55e7d}.tool-card.accent-video{--tool-accent:#7b5fc7}.tool-card.accent-audio{--tool-accent:#c3782f}.tool-card.accent-research{--tool-accent:#3477a5}
.reward-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.reward-message{min-height:22px;margin:10px 0 0;color:var(--brand);font-size:13px}
