*{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#08090d;--panel:#101219;--panel2:#171923;--text:#f5f6f8;--muted:#969ba9;--line:#252934;--accent:#8d7cff;--accent2:#b1a7ff}
html{scroll-behavior:smooth}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 50% -10%,#17152b 0,transparent 38%),var(--bg);color:var(--text);min-height:100vh}
button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}
.header{width:min(1160px,calc(100% - 40px));height:76px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.4px}.brand-icon{width:33px;height:33px;border-radius:10px;display:grid;place-items:center;background:var(--accent);font-weight:950}
.nav{display:flex;gap:28px;color:var(--muted);font-size:14px}.nav a:hover{color:var(--text)}.header-actions{display:flex;gap:8px}.icon-btn{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:10px;padding:8px 11px}.mobile-only{display:none}
.hero{width:min(900px,calc(100% - 40px));margin:auto;text-align:center;padding:108px 0 64px}.pill,.eyebrow{color:var(--accent2);font-size:11px;font-weight:850;letter-spacing:1.8px}.hero h1{margin-top:18px;font-size:clamp(48px,8vw,88px);line-height:.98;letter-spacing:-4.5px}.hero h1 span{color:var(--muted)}.hero>p{max-width:650px;margin:25px auto 31px;color:var(--muted);font-size:17px;line-height:1.7}
.search{height:60px;max-width:670px;margin:auto;display:flex;align-items:center;gap:12px;padding:0 17px;background:#0f1117;border:1px solid #303440;border-radius:16px;box-shadow:0 15px 50px #0005}.search>span{font-size:25px;color:var(--muted)}.search input{flex:1;background:none;border:0;outline:0;color:var(--text);font-size:15px}.search input::placeholder{color:#696e7b}.search kbd{border:1px solid var(--line);border-radius:6px;padding:3px 7px;color:#777d8b;font-size:11px}
.quick-tags{display:flex;justify-content:center;gap:8px;margin-top:15px}.quick-tags button{border:0;background:none;color:var(--muted);font-size:12px}.quick-tags button:hover{color:var(--text)}
.categories{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:58px}.filter{border:1px solid var(--line);background:var(--panel);color:var(--muted);padding:10px 15px;border-radius:999px;font-size:13px;transition:.18s}.filter:hover,.filter.active{background:var(--panel2);border-color:#424653;color:var(--text)}
.section{padding-bottom:110px}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.section-top h2{margin-top:7px;font-size:30px;letter-spacing:-1.2px}.toolbar{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px}.toolbar select{background:var(--panel);border:1px solid var(--line);color:var(--muted);padding:9px 11px;border-radius:9px;outline:0}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{overflow:hidden;border:1px solid var(--line);background:linear-gradient(180deg,#11131a,#0e1015);border-radius:18px;transition:.2s}.card:hover{transform:translateY(-4px);border-color:#414551}.preview{height:190px;display:grid;place-items:center;position:relative;overflow:hidden;background:#141720}.preview:before,.preview:after{content:"";position:absolute;width:155px;height:155px;border:1px solid #383c49;border-radius:50%}.preview:after{width:88px;height:88px}.preview span{z-index:2;font-size:12px;font-weight:900;letter-spacing:4px}.p-shake:before{transform:translateX(-18px) rotate(12deg)}.p-velocity:before{transform:scaleX(1.9) rotate(-13deg)}.p-transition:before{transform:rotate(36deg) scale(1.2)}.p-text:before{border-radius:18px;transform:rotate(-12deg)}.p-effect:before{transform:scale(.75);border-width:8px}.p-flow:before{transform:scaleX(1.5) scaleY(.55)}
.card-body{padding:18px}.meta{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.8px}.card h3{margin-top:11px;font-size:18px}.card p{margin-top:8px;min-height:41px;color:var(--muted);font-size:13px;line-height:1.55}.card-actions{display:flex;gap:8px;margin-top:17px}.card-actions button{flex:1;padding:10px;border-radius:10px}.primary,.secondary{border:1px solid var(--line);border-radius:10px;padding:11px 15px;font-weight:750}.primary{background:var(--accent);color:white;border-color:transparent}.primary:hover{background:var(--accent2)}.secondary{background:var(--panel2);color:var(--text)}.favorite{max-width:48px}.empty{text-align:center;padding:70px 20px;color:var(--muted)}.empty-icon{font-size:40px}.empty h3{color:var(--text);margin:10px}.empty p{margin-bottom:20px}
.about{padding:10px 0 110px;text-align:center}.about h2{font-size:40px;letter-spacing:-1.5px;margin-top:10px}.about>p{max-width:650px;margin:16px auto 38px;color:var(--muted);line-height:1.7}.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;text-align:left}.about-grid>div{padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.about-grid strong{color:var(--accent2);font-size:12px}.about-grid h3{margin-top:25px}.about-grid p{margin-top:7px;color:var(--muted);font-size:13px;line-height:1.55}
.footer{border-top:1px solid var(--line);padding:25px 0 35px;display:flex;justify-content:space-between;color:#686d79;font-size:12px}
.modal{display:none;position:fixed;inset:0;z-index:20}.modal.open{display:block}.modal-backdrop{position:absolute;inset:0;background:#000b;backdrop-filter:blur(7px)}.modal-card{position:relative;width:min(760px,calc(100% - 30px));max-height:90vh;overflow:auto;margin:5vh auto;background:#11131a;border:1px solid #343844;border-radius:22px;box-shadow:0 30px 100px #000}.modal-close{position:absolute;right:15px;top:15px;z-index:3;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:#101219;color:var(--text);font-size:23px}.modal-preview{height:260px;display:grid;place-items:center;background:#151821}.modal-preview span{font-size:14px;letter-spacing:5px;font-weight:900}.modal-content{padding:27px}.modal-content h2{font-size:30px;margin-top:12px}.modal-content>p{color:var(--muted);line-height:1.65;margin-top:10px}.modal-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:17px}.modal-tags span{font-size:11px;border:1px solid var(--line);padding:6px 9px;border-radius:999px;color:var(--muted)}.modal-actions{display:flex;gap:9px;margin-top:23px}.license-note{font-size:11px!important;color:#777d89!important;margin-top:17px!important}
.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:50;background:#f5f5f5;color:#111;padding:11px 16px;border-radius:10px;font-size:13px;font-weight:700;transition:.2s}.toast.show{transform:translate(-50%,0);opacity:1}
[hidden]{display:none!important}
@media(max-width:820px){.nav{display:none}.mobile-only{display:block}.grid{grid-template-columns:repeat(2,1fr)}.about-grid{grid-template-columns:1fr}.hero h1{letter-spacing:-2.5px}}
@media(max-width:560px){.wrap,.header{width:calc(100% - 28px)}.hero{width:calc(100% - 28px);padding-top:75px}.grid{grid-template-columns:1fr}.section-top{align-items:start;flex-direction:column;gap:12px}.toolbar{width:100%;justify-content:space-between}.hero h1{font-size:52px}.hero>p{font-size:15px}.search kbd{display:none}.quick-tags{flex-wrap:wrap}.footer{flex-direction:column;gap:8px}}