:root{--bg:#090c14;--panel:#111725;--panel2:#151e2e;--text:#f4f7fb;--muted:#aab5c7;--line:#263246;--cyan:#00e5ff;--pink:#ff4fa3;--amber:#ffc857;--green:#63f5ad;--max:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0b0e16;color:var(--text);font:16px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}button,input,select{font:inherit}button,a,.btn{transition:.18s ease}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.container{width:min(var(--max),calc(100% - 36px));margin:auto}.announcement{background:#111827;border-bottom:1px solid var(--line);text-align:center;font-size:.82rem;color:#c8d3e4;padding:8px 12px}.announcement b{color:var(--green)}.header{position:sticky;top:0;z-index:20;background:rgba(9,12,20,.92);backdrop-filter:blur(14px);border-bottom:1px solid #202a3a}.nav{display:flex;align-items:center;gap:25px;min-height:76px}.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:-.6px;font-size:1.18rem;white-space:nowrap}.brand-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--cyan),var(--pink));display:grid;place-items:center;color:#07101b;font-weight:1000}.brand span em{font-style:normal;color:var(--cyan)}.navlinks{display:flex;gap:21px;align-items:center;margin-left:auto;color:#c0cada;font-size:.92rem}.navlinks a:hover,.footer a:hover{color:var(--cyan)}.nav-cta,.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:11px 17px;border-radius:10px;background:var(--cyan);color:#061018;font-weight:850;border:0;cursor:pointer}.nav-cta:hover,.btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn.secondary{background:#1a2434;color:#eaf2ff;border:1px solid #344258}.btn.small{padding:8px 12px;font-size:.88rem}.menu-toggle{display:none;background:transparent;color:white;border:1px solid var(--line);border-radius:9px;padding:8px}.hero{position:relative;overflow:hidden;padding:76px 0 64px;background:radial-gradient(ellipse at 10% 10%,#123444 0,transparent 38%),radial-gradient(ellipse at 85% 10%,#3b1742 0,transparent 35%),linear-gradient(135deg,#0b101b,#101524 60%,#11101a);border-bottom:1px solid var(--line)}.hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,black,transparent);pointer-events:none}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--green);font-weight:800;font-size:.82rem;letter-spacing:1.4px;text-transform:uppercase}.eyebrow:before{content:"";width:22px;height:2px;background:var(--green)}h1{font-size:clamp(2.7rem,5.5vw,4.8rem);line-height:1.02;letter-spacing:-2.8px;margin:18px 0}.gradient-text{background:linear-gradient(90deg,var(--cyan),#8c9eff 55%,var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:1.08rem;color:#c0cada;max-width:590px}.searchbar{display:flex;gap:8px;background:#fff;padding:7px;border-radius:13px;max-width:620px;margin:25px 0 17px;box-shadow:0 10px 45px #0005}.searchbar input{border:0;outline:0;min-width:0;flex:1;padding:12px;color:#101827;background:transparent}.popular{font-size:.88rem;color:#aab5c7}.popular a{display:inline-block;color:#dce7f5;margin:4px 7px 0 0;border-bottom:1px dashed #65748b}.hero-art{position:relative;padding:12px;border:1px solid #3b5068;border-radius:22px;background:#101827aa;box-shadow:0 25px 90px #0007;transform:rotate(1deg)}.hero-art img{border-radius:13px;width:100%;aspect-ratio:16/9;object-fit:cover}.floating-tag{position:absolute;bottom:-17px;left:-20px;padding:12px 16px;background:#172333;border:1px solid #42516a;border-radius:12px;box-shadow:0 12px 30px #0005;font-size:.88rem}.floating-tag b{color:var(--green)}.trust-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:24px 0}.trust-item{display:flex;gap:12px;align-items:center;color:#dce4f0;font-size:.9rem}.trust-icon{width:38px;height:38px;display:grid;place-items:center;background:#162334;border:1px solid #2b3c52;border-radius:11px;color:var(--cyan);font-size:1.1rem}.section{padding:58px 0}.section.alt{background:#0e131e;border-block:1px solid #1d2737}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.section-head h2{margin:0;font-size:clamp(1.65rem,3vw,2.25rem);letter-spacing:-.8px}.section-head p{color:var(--muted);margin:7px 0 0}.text-link{color:var(--cyan);font-weight:800;white-space:nowrap}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.category-card{min-height:154px;padding:20px;border:1px solid #29364a;border-radius:15px;background:linear-gradient(145deg,#151e2c,#101520);display:flex;flex-direction:column;justify-content:space-between}.category-card:hover{border-color:#00bcd4;transform:translateY(-3px);background:#162333}.cat-icon{font-size:1.8rem}.category-card h3{margin:15px 0 2px;font-size:1.04rem}.category-card p{margin:0;color:var(--muted);font-size:.84rem}.design-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.design-card{overflow:hidden;background:#111725;border:1px solid #293448;border-radius:15px;min-width:0}.design-card:hover{transform:translateY(-3px);border-color:#536b89}.design-thumb{display:block;background:#0d111b;overflow:hidden;aspect-ratio:16/9}.design-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.design-card:hover .design-thumb img{transform:scale(1.035)}.design-info{padding:15px}.meta{display:flex;gap:8px;flex-wrap:wrap;color:#9fadc2;font-size:.76rem}.pill{display:inline-block;border:1px solid #34445a;border-radius:6px;padding:2px 7px;color:#c7d5e8;font-size:.72rem}.design-info h3{font-size:1rem;margin:9px 0 5px;line-height:1.35}.design-info p{font-size:.83rem;color:var(--muted);margin:0 0 13px}.card-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px}.resolution{font-size:.75rem;color:#9fadc2}.filters{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}.filter-btn{background:#151d2a;color:#cbd6e6;border:1px solid #2b394d;padding:8px 12px;border-radius:999px;cursor:pointer}.filter-btn.active,.filter-btn:hover{background:#0b3540;border-color:#00aabe;color:#aef8ff}.browse-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.browse-toolbar input,.browse-toolbar select{background:#111725;border:1px solid #334056;color:white;border-radius:10px;padding:11px 13px}.browse-toolbar input{flex:1;min-width:210px}.empty{display:none;padding:35px;text-align:center;border:1px dashed #34445a;border-radius:15px;color:var(--muted)}.page-hero{padding:48px 0 35px;background:radial-gradient(ellipse at 80% 0,#173444,transparent 45%),#0d121d;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(2.2rem,4vw,3.5rem);margin:8px 0}.page-hero p{max-width:760px;color:#b8c5d8}.breadcrumbs{font-size:.83rem;color:#8f9db2;margin-bottom:14px}.breadcrumbs a{color:var(--cyan)}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px}.article{max-width:820px;color:#c7d1e0}.article h2,.article h3{color:#f4f7fb;line-height:1.25;margin-top:1.8em}.article a{color:var(--cyan);text-decoration:underline}.article li{margin:.5em 0}.notice{border:1px solid #31465c;background:#111c2a;border-radius:12px;padding:16px;color:#c6d5e7}.sidebar{align-self:start;background:#111725;border:1px solid #29364a;border-radius:14px;padding:18px}.sidebar h3{margin-top:0}.sidebar a{display:block;padding:8px 0;color:#c1cddd;border-bottom:1px solid #253044}.detail-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);gap:28px;align-items:start}.preview-large{border:1px solid #334056;background:#101522;border-radius:16px;padding:12px}.preview-large img{width:100%;border-radius:10px}.detail-panel{background:#111725;border:1px solid #29364a;border-radius:15px;padding:22px}.detail-panel h1{font-size:2rem;letter-spacing:-1px;margin:12px 0}.specs{width:100%;border-collapse:collapse;margin:18px 0}.specs td{padding:10px 0;border-bottom:1px solid #293448;font-size:.9rem}.specs td:first-child{color:#91a0b5}.detail-panel .btn{width:100%;margin:5px 0}.footer{border-top:1px solid #263246;background:#080b12;padding:40px 0 20px;color:#aebbd0}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:28px}.footer h3{font-size:.9rem;color:#f3f6fc;margin-top:0}.footer a{display:block;margin:8px 0;font-size:.88rem}.footer-brand p{max-width:300px;font-size:.88rem}.copyright{border-top:1px solid #202a3a;margin-top:28px;padding-top:17px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:.82rem}.form{max-width:650px;display:grid;gap:15px}.form label{display:grid;gap:6px;color:#d4ddeb}.form input,.form textarea{width:100%;background:#111725;color:white;border:1px solid #334056;border-radius:9px;padding:12px}.form textarea{min-height:130px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.guide-card{padding:22px;background:#111725;border:1px solid #293448;border-radius:14px}.guide-card h3{margin:0 0 8px}.guide-card p{color:var(--muted);font-size:.9rem}.tagline{color:var(--green);font-size:.82rem;font-weight:800}.hidden{display:none!important}.mobile-nav{display:none}
@media(max-width:900px){.navlinks{gap:12px;font-size:.84rem}.nav-cta{display:none}.hero-grid{grid-template-columns:1fr .8fr;gap:24px}.category-grid,.design-grid{grid-template-columns:repeat(3,1fr)}.trust-row{grid-template-columns:repeat(2,1fr)}.content-layout{grid-template-columns:1fr}.sidebar{display:none}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.container{width:min(var(--max),calc(100% - 28px))}.nav{min-height:64px;gap:12px}.menu-toggle{display:block;margin-left:auto}.navlinks{display:none}.mobile-nav.open{display:grid;gap:0;padding:8px 14px 16px;border-top:1px solid var(--line)}.mobile-nav a{padding:11px;border-bottom:1px solid #202a3a;color:#d5deeb}.hero{padding:48px 0 42px}.hero-grid{grid-template-columns:1fr}.hero-art{max-width:520px;margin:8px auto 15px}.hero h1{font-size:2.8rem;letter-spacing:-1.7px}.hero p{font-size:1rem}.floating-tag{left:4px}.searchbar{flex-wrap:wrap}.searchbar input{flex-basis:100%}.searchbar .btn{width:100%}.trust-row{gap:12px}.trust-item{font-size:.8rem;align-items:flex-start}.trust-icon{flex:0 0 34px;width:34px;height:34px}.section{padding:42px 0}.section-head{align-items:flex-start;flex-direction:column;gap:10px}.category-grid{grid-template-columns:repeat(2,1fr);gap:10px}.category-card{padding:15px;min-height:140px}.design-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.design-info{padding:11px}.design-info h3{font-size:.9rem}.design-info p{display:none}.card-bottom{align-items:flex-start;flex-direction:column}.card-bottom .btn{width:100%}.page-hero{padding:34px 0 25px}.detail-layout{grid-template-columns:1fr}.detail-panel h1{font-size:1.8rem}.guide-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:20px}.footer-brand{grid-column:1/-1}.copyright{font-size:.78rem}.browse-toolbar{align-items:stretch}.browse-toolbar input,.browse-toolbar select{width:100%}}