:root{--bg:#0b0d12;--panel:#121620;--panel2:#191f2b;--line:#283041;--text:#f4f6fb;--muted:#9ca7bb;--accent:#9cff57;--accent2:#c5ff9a;--danger:#ff7373}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% -10%,#25321d 0,transparent 32%),var(--bg);color:var(--text);font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.wrap{max-width:1240px;margin:auto;padding:0 24px}.topbar{border-bottom:1px solid #ffffff12;background:#0b0d12e8;position:sticky;top:0;z-index:5;backdrop-filter:blur(16px)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:850;letter-spacing:-.8px}.logo{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--accent);color:#111;font-weight:1000;font-size:21px}.brand span em{font-style:normal;color:var(--accent)}.navright{display:flex;align-items:center;gap:10px}.navlink{color:var(--muted);text-decoration:none;padding:9px 12px}.btn{border:1px solid var(--line);border-radius:11px;background:var(--panel2);color:var(--text);padding:10px 15px;font-weight:700;transition:.18s}.btn:hover{transform:translateY(-1px);border-color:#68748b}.btn.primary{background:var(--accent);border-color:var(--accent);color:#111}.btn.ghost{background:transparent}.hero{padding:64px 0 38px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:35px}.eyebrow{display:inline-flex;gap:8px;align-items:center;color:var(--accent);font-size:12px;letter-spacing:1.7px;text-transform:uppercase;font-weight:850}.dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 15px var(--accent)}h1{font-size:clamp(38px,5vw,66px);line-height:1.02;letter-spacing:-3px;margin:18px 0 20px;max-width:700px}h1 span{color:var(--accent)}.hero p{color:var(--muted);font-size:17px;max-width:570px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.hero-art{min-height:300px;border:1px solid var(--line);border-radius:26px;position:relative;overflow:hidden;background:linear-gradient(145deg,#1b2530,#10141d 65%);display:grid;place-items:center}.orb{width:210px;height:210px;border-radius:38%;transform:rotate(-18deg);background:linear-gradient(135deg,#c9ff99,#6ea936 48%,#253d1c);box-shadow:0 25px 90px #8cff4650,inset -20px -15px 35px #10210b;position:relative}.orb:before,.orb:after{content:"";position:absolute;border:1px solid #e2ffbe80;border-radius:35%;inset:22px;transform:rotate(24deg)}.orb:after{inset:48px;transform:rotate(48deg)}.art-label{position:absolute;bottom:18px;left:20px;color:#d4deed;font-size:12px;letter-spacing:1px}.art-badge{position:absolute;right:18px;top:18px;background:#0b0d12bb;border:1px solid #ffffff20;border-radius:12px;padding:9px 12px;font-size:12px;color:var(--accent)}.stats{display:flex;gap:25px;margin-top:30px}.stat strong{display:block;font-size:20px}.stat small{color:var(--muted)}.sectionhead{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:26px 0 18px}.sectionhead h2{margin:0;font-size:27px;letter-spacing:-.8px}.sectionhead p{margin:5px 0 0;color:var(--muted)}.searchbar{display:flex;gap:10px;margin:18px 0 14px}.searchbox{flex:1;position:relative}.searchbox span{position:absolute;left:15px;top:12px;color:var(--muted)}.searchbox input{width:100%;padding:13px 15px 13px 43px;border-radius:12px;background:var(--panel);border:1px solid var(--line);color:var(--text);outline:none}.searchbox input:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent)}select{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:12px;min-width:150px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 22px}.chip{border:1px solid var(--line);background:transparent;color:var(--muted);padding:8px 13px;border-radius:999px;font-size:13px}.chip.active,.chip:hover{background:#9cff5717;color:var(--accent);border-color:#9cff5766}.resultline{display:flex;justify-content:space-between;color:var(--muted);font-size:13px;margin:12px 0 16px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.model{border:1px solid var(--line);border-radius:17px;background:var(--panel);overflow:hidden;transition:.2s;min-width:0}.model:hover{transform:translateY(-4px);border-color:#56634d;box-shadow:0 15px 35px #0003}.thumb{height:190px;display:grid;place-items:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#202b35,#11151d)}.thumb:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 60%,#9cff571c,transparent 55%);pointer-events:none}.thumb img{width:100%;height:100%;object-fit:contain}.shape{width:100px;height:100px;position:relative;filter:drop-shadow(0 15px 18px #0008)}.shape.cube{background:linear-gradient(135deg,#d2ff9f,#75a843);clip-path:polygon(50% 0,94% 24%,94% 75%,50% 100%,6% 75%,6% 24%)}.shape.cube:after{content:"";position:absolute;inset:0;background:linear-gradient(30deg,transparent 49%,#15200d 50%,transparent 51%)}.shape.sphere{border-radius:50%;background:radial-gradient(circle at 30% 25%,#e7ffcd,#8bcf50 40%,#314e24 82%)}.shape.torus{border-radius:50%;border:27px solid #a8e76b;box-shadow:inset 0 0 10px #16250d,0 0 0 2px #d6ffad}.shape.pyramid{background:linear-gradient(130deg,#c4d8ff,#526db6);clip-path:polygon(50% 0,100% 90%,0 90%)}.shape.robot{width:82px;height:92px;border-radius:20px 20px 13px 13px;background:linear-gradient(130deg,#d5dbe4,#626e7f)}.shape.robot:before{content:"";position:absolute;left:13px;right:13px;top:27px;height:14px;border-radius:7px;background:#18232d;box-shadow:0 35px 0 -3px #4b5968}.shape.plant{width:65px;height:105px;border-radius:70% 0 70% 0;background:linear-gradient(120deg,#b3ef77,#345e29);transform:rotate(-25deg)}.shape.plant:after{content:"";position:absolute;width:5px;height:85px;background:#739e48;left:50%;top:55px;transform:rotate(25deg)}.tag{position:absolute;top:12px;left:12px;background:#0b0d12d9;border:1px solid #ffffff17;border-radius:7px;padding:4px 8px;font-size:10px;letter-spacing:.5px;color:var(--accent);z-index:1}.format{position:absolute;right:12px;bottom:12px;background:#0b0d12cc;border:1px solid #ffffff20;border-radius:7px;padding:4px 7px;font-size:10px;z-index:1}.modelbody{padding:16px}.modeltitle{font-size:17px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.description{color:var(--muted);font-size:13px;min-height:39px;margin:7px 0 13px}.tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:15px}.tagpill{background:#ffffff08;border:1px solid #ffffff0c;color:#aab5c8;border-radius:6px;padding:3px 7px;font-size:10px}.modelbottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff0d;padding-top:12px;gap:8px}.filemeta{font-size:11px;color:var(--muted)}.download{padding:8px 10px;font-size:12px}.empty{grid-column:1/-1;text-align:center;padding:55px 20px;border:1px dashed var(--line);border-radius:18px;color:var(--muted)}.empty strong{display:block;color:var(--text);font-size:18px;margin-bottom:5px}.footer{border-top:1px solid var(--line);margin-top:70px;padding:28px 0;color:var(--muted);font-size:12px}.footerinner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.modalback{position:fixed;inset:0;background:#000b;backdrop-filter:blur(8px);z-index:20;display:none;align-items:center;justify-content:center;padding:20px;overflow:auto}.modalback.show{display:flex}.modal{width:min(680px,100%);background:#111620;border:1px solid var(--line);border-radius:20px;padding:24px;max-height:92vh;overflow:auto;box-shadow:0 30px 90px #0009}.modalhead{display:flex;justify-content:space-between;align-items:start;gap:15px;margin-bottom:18px}.modal h2{margin:0;font-size:24px}.modal p{color:var(--muted);margin:5px 0}.close{border:1px solid var(--line);background:transparent;color:var(--text);border-radius:9px;width:36px;height:36px;font-size:20px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:12px;color:#c2cada;font-weight:700}.field input,.field select,.field textarea{width:100%;min-width:0;background:#0b0f16;border:1px solid var(--line);color:var(--text);border-radius:10px;padding:11px;outline:none}.field textarea{resize:vertical;min-height:80px}.hint{font-size:11px;color:var(--muted)}.formactions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.notice{border:1px solid #9cff5740;background:#9cff570c;color:#c7e9b0;border-radius:10px;padding:12px;font-size:12px;margin:15px 0}.adminlist{margin-top:15px;display:grid;gap:8px}.adminrow{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:10px;padding:10px}.adminrow small{display:block;color:var(--muted)}.danger{color:var(--danger);border-color:#ff737344;background:#ff73730d}.hidden{display:none!important}

/* Motion layer: subtle, performant, and respectful of reduced-motion settings */
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{overflow-x:hidden}
.topbar{transition:background .3s ease,box-shadow .3s ease,border-color .3s ease}
.topbar.scrolled{background:rgba(8,10,15,.94);box-shadow:0 10px 30px #0005;border-color:#9cff5728}
.hero-copy,.hero-art,.sectionhead,.searchbar,.chips,.resultline,.model,.how-step,.creator-card{
  opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.75,.2,1)
}
.reveal-in{opacity:1!important;transform:translateY(0)!important}
.hero-art{transform:translateY(12px) scale(.97);transition-delay:.12s}
.model{transition:opacity .6s ease,transform .6s cubic-bezier(.2,.75,.2,1),border-color .2s ease,box-shadow .2s ease}
.model.reveal-in{transition-delay:var(--reveal-delay,0ms)}
.hero-art .orb{animation:floatOrb 7s ease-in-out infinite;will-change:transform}
.hero-art:before{content:"";position:absolute;inset:-40%;background:conic-gradient(from 0deg,transparent,#9cff5716,transparent 30%,#9cff570a,transparent 65%);animation:slowSpin 22s linear infinite}
.hero-art .orb{z-index:1}
.hero-art .art-badge,.hero-art .art-label{z-index:2}
.hero-art{isolation:isolate}
.btn,.chip,.logo{transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}
.btn:hover{box-shadow:0 7px 22px #9cff5717}
.btn.primary:hover{box-shadow:0 8px 28px #9cff5735}
.chip:hover{transform:translateY(-2px)}
.logo{animation:logoPulse 5s ease-in-out infinite}
.model .thumb .shape{transition:transform .55s cubic-bezier(.2,.75,.2,1)}
.model:hover .thumb .shape{transform:translateY(-4px) rotate(5deg) scale(1.06)}
.model:hover .thumb img{transform:scale(1.045)}
.model .thumb img{transition:transform .6s ease}
.stat strong{transition:color .25s ease}
.stat:hover strong{color:var(--accent)}
#sobre{position:relative;overflow:hidden}
#sobre:after{content:"";position:absolute;width:300px;height:300px;border:1px solid #9cff5718;border-radius:50%;right:-140px;top:-180px;box-shadow:0 0 0 35px #9cff5706,0 0 0 70px #9cff5704;pointer-events:none}
.footer{transition:background .3s ease}
@keyframes floatOrb{0%,100%{transform:translateY(0) rotate(-18deg)}50%{transform:translateY(-13px) rotate(-13deg)}}
@keyframes slowSpin{to{transform:rotate(360deg)}}
@keyframes logoPulse{0%,88%,100%{box-shadow:0 0 0 0 #9cff5700}94%{box-shadow:0 0 0 7px #9cff570f}}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
 .hero-copy,.hero-art,.sectionhead,.searchbar,.chips,.resultline,.model,.how-step,.creator-card{opacity:1;transform:none}
}

@media(max-width:850px){.hero{grid-template-columns:1fr;padding-top:45px}.hero-art{min-height:230px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.navlink{display:none}}@media(max-width:560px){.wrap{padding:0 15px}.nav{height:65px}.brand{font-size:18px}.navright .btn{padding:8px 10px;font-size:12px}.hero{padding-top:34px;gap:22px}h1{letter-spacing:-1.8px}.hero p{font-size:15px}.stats{gap:18px}.searchbar{flex-direction:column}.searchbar select{width:100%}.grid{grid-template-columns:1fr}.thumb{height:210px}.formgrid{grid-template-columns:1fr}.field.full{grid-column:auto}.sectionhead{align-items:start;flex-direction:column}.art-label{font-size:10px}}
