:root{--ink: #181a2a;--ink-soft: #565a73;--ink-faint: #5f6275;--bg: #ffffff;--bg-tint: #f4f3fb;--bg-deep: #14152a;--line: #e7e6f1;--line-soft: #f0eff7;--accent: #4f46e5;--accent-dark: #4035c9;--accent-tint: #eceafe;--radius: 16px;--radius-sm: 10px;--shadow-sm: 0 1px 2px rgba(24, 26, 42, .06);--shadow: 0 8px 24px rgba(24, 26, 42, .08);--shadow-lg: 0 18px 44px rgba(24, 26, 42, .14);--wrap: 1140px;--font: "Plus Jakarta Sans", system-ui, -apple-system, Segoe UI, Roboto, sans-serif}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--bg);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{line-height:1.2;letter-spacing:-.02em;margin:0 0 .5em;font-weight:800}a{color:var(--accent);text-decoration-thickness:1.5px;text-underline-offset:2px}img{max-width:100%;height:auto;display:block}.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:22px}.skip-link{position:absolute;left:-999px;top:0;background:var(--accent);color:#fff;padding:10px 16px;border-radius:0 0 var(--radius-sm) 0;z-index:50}.skip-link:focus{left:0}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:3px}.site-header{position:sticky;top:0;z-index:30;background:#ffffffeb;backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid var(--line)}.site-header__bar{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:68px}.brand{display:inline-flex;align-items:center;gap:9px;font-weight:800;font-size:1.18rem;letter-spacing:-.02em;color:var(--ink);text-decoration:none}.brand__mark{display:inline-flex}.brand__mark svg rect{fill:var(--accent)}.brand__name{white-space:nowrap}.site-nav{display:flex;flex-wrap:wrap;gap:4px}.site-nav a{color:var(--ink-soft);text-decoration:none;font-weight:600;font-size:.96rem;padding:8px 12px;border-radius:8px}.site-nav a:hover{color:var(--ink);background:var(--bg-tint)}.site-nav a[aria-current=page]{color:var(--accent)}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:700;color:var(--accent);margin:0 0 .6rem}.eyebrow--link{display:inline-block;text-decoration:none}.eyebrow--link:hover{text-decoration:underline}.section{padding:56px 0}.section--tint{background:var(--bg-tint)}.section__head{max-width:640px;margin-bottom:30px}.section__title{font-size:clamp(1.5rem,3vw,2rem);margin:0 0 .35em}.section__intro{color:var(--ink-soft);margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:.98rem;padding:13px 24px;border-radius:999px;text-decoration:none;border:1.5px solid transparent;cursor:pointer;transition:transform .12s ease,background .15s ease}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover{background:var(--accent-dark);transform:translateY(-1px)}.btn--ghost{background:#fff;color:var(--ink);border-color:var(--line)}.btn--ghost:hover{border-color:var(--accent);color:var(--accent)}.hero{background:radial-gradient(60% 60% at 15% 0%,rgba(79,70,229,.16),transparent 70%),radial-gradient(50% 70% at 95% 10%,rgba(124,58,237,.14),transparent 70%),var(--bg-tint);border-bottom:1px solid var(--line)}.hero__inner{padding:76px 22px 70px;text-align:center;max-width:760px}.hero h1{font-size:clamp(2.2rem,5.6vw,3.5rem);margin:0 0 .4em}.hero__lead{font-size:1.16rem;color:var(--ink-soft);margin:0 auto 1.8rem;max-width:600px}.hero__actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.props{list-style:none;margin:0;padding:0;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.prop{background:var(--bg-tint);border:1px solid var(--line);border-radius:var(--radius);padding:26px 24px}.prop__title{font-size:1.18rem;margin:0 0 .4em}.prop__title:before{content:"";display:block;width:34px;height:4px;border-radius:2px;background:var(--accent);margin-bottom:14px}.prop__text{margin:0;color:var(--ink-soft);font-size:.98rem}.tcard-grid,.ccard-grid{list-style:none;margin:0;padding:0;display:grid;gap:22px}.tcard-grid{grid-template-columns:repeat(3,1fr)}.ccard-grid{grid-template-columns:repeat(2,1fr)}.tcard{animation:rise .5s both;animation-delay:calc(var(--i, 0) * 45ms)}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}@media(prefers-reduced-motion:reduce){.tcard{animation:none}}.tcard__link{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;text-decoration:none;color:inherit;box-shadow:var(--shadow-sm);transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.tcard__link:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:#d9d7ec}.tcard__media{display:block;aspect-ratio:3 / 2;background:var(--bg-tint);overflow:hidden}.tcard__media img{width:100%;height:100%;object-fit:cover}.tcard__media--placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--accent)}.tcard__media--placeholder svg{width:56px;height:56px}.tcard__body{display:flex;flex-direction:column;gap:7px;padding:20px;flex:1}.tcard__kicker{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--accent)}.tcard__title{font-weight:800;font-size:1.07rem;letter-spacing:-.015em}.tcard__desc{color:var(--ink-soft);font-size:.92rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tcard__cta{margin-top:auto;padding-top:10px;font-weight:700;font-size:.9rem;color:var(--accent)}.ccard__link{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px 24px;text-decoration:none;color:inherit;box-shadow:var(--shadow-sm);transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.ccard__link:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--accent)}.ccard__title{font-weight:800;font-size:1.06rem;letter-spacing:-.015em}.ccard__count{color:var(--ink-faint);font-size:.88rem;font-weight:600;white-space:nowrap}.ccard__arrow{margin-left:auto;color:var(--accent);font-weight:700;font-size:1.2rem}.breadcrumb{padding-top:26px;font-size:.86rem;color:var(--ink-faint);display:flex;flex-wrap:wrap;gap:7px;align-items:center}.breadcrumb a{color:var(--ink-soft);text-decoration:none}.breadcrumb a:hover{color:var(--accent)}.breadcrumb__sep{color:var(--line)}.breadcrumb [aria-current=page]{color:var(--ink);font-weight:600}.template,.article,.category{padding-top:18px;padding-bottom:64px}.template{max-width:880px}.template__head h1,.article__head h1{font-size:clamp(1.7rem,3.6vw,2.5rem);margin:0}.template__head{margin-bottom:22px}.template__date{color:var(--ink-faint);font-size:.88rem;margin:.6rem 0 0}.figma-frame{aspect-ratio:8 / 6.5;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:var(--bg-tint);box-shadow:var(--shadow)}.figma-frame iframe{width:100%;height:100%;border:0;display:block}.template__actions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0 14px}.template__actions .btn{flex:1;min-width:200px}.template__note{background:var(--accent-tint);border:1px solid #d9d5fb;border-radius:var(--radius-sm);padding:13px 16px;font-size:.9rem;color:#34306b;margin:0 0 30px}.template__note a{color:var(--accent-dark);font-weight:600}.prose{font-size:1.04rem}.prose>:first-child{margin-top:0}.prose h2{font-size:1.42rem;margin:1.8em 0 .5em}.prose h3{font-size:1.16rem;margin:1.5em 0 .4em}.prose p{margin:0 0 1.1em}.prose ul,.prose ol{margin:0 0 1.2em;padding-left:1.3em}.prose li{margin-bottom:.45em}.prose img{border-radius:var(--radius-sm);border:1px solid var(--line);margin:1.4em 0}.prose a{color:var(--accent-dark)}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0 0}.tag{background:var(--bg-tint);border:1px solid var(--line);border-radius:999px;padding:5px 13px;font-size:.8rem;font-weight:600;color:var(--ink-soft)}.related{margin-top:56px;padding-top:36px;border-top:1px solid var(--line)}.related .section__title{margin-bottom:24px}.category__head{margin-bottom:28px}.category__head h1{font-size:clamp(1.7rem,3.6vw,2.5rem);margin:0;max-width:760px}.category .ccard-grid{margin-bottom:28px}.category__templates{margin-bottom:8px}.category__intro{margin-top:44px;padding-top:32px;border-top:1px solid var(--line);color:var(--ink-soft)}.category__intro h2{color:var(--ink);font-size:1.3rem}.empty{color:var(--ink-faint)}.notfound{padding:70px 22px 80px;text-align:center}.notfound h1{font-size:clamp(1.8rem,4vw,2.6rem)}.notfound__lead{color:var(--ink-soft);max-width:460px;margin:0 auto 1.6rem}.site-footer{background:var(--bg-deep);color:#b9bad0;margin-top:56px;position:relative}.site-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),#7c3aed 55%,#ec4899)}.footer-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:40px 36px;padding-top:64px;padding-bottom:44px}.footer-brand .brand{color:#fff}.footer-brand .brand__mark svg rect{fill:var(--accent)}.footer-brand__tag{margin:18px 0 12px;color:#d5d6e7;font-size:1rem;font-weight:600;letter-spacing:-.005em;max-width:34ch}.footer-brand__meta{margin:0 0 18px;font-size:.9rem;color:#91929d;max-width:36ch}.footer-brand__meta strong{color:#fff;font-weight:700}.footer-brand__cta{display:inline-flex;align-items:center;gap:6px;color:#fff;text-decoration:none;font-weight:700;font-size:.92rem;padding:9px 16px;border:1.5px solid rgba(255,255,255,.18);border-radius:999px;transition:border-color .15s ease,background .15s ease}.footer-brand__cta:hover{border-color:var(--accent);background:#4f46e52e}.footer-col h2{font-size:.74rem;text-transform:uppercase;letter-spacing:.12em;color:#7e7fa1;margin:6px 0 16px;font-weight:700}.footer-col ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}.footer-col a{color:#c7c8db;text-decoration:none;font-size:.94rem;transition:color .12s ease}.footer-col a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.09);padding-top:22px;padding-bottom:34px;display:flex;flex-wrap:wrap;gap:6px 26px;align-items:baseline}.footer-bottom p{margin:0;font-size:.83rem;color:#7f8099}.footer-bottom__note{flex:1;min-width:240px}@media(max-width:880px){.tcard-grid{grid-template-columns:repeat(2,1fr)}.props{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(3,1fr);gap:32px 28px}.footer-brand{grid-column:1 / -1}.site-header__bar{flex-direction:column;align-items:stretch;gap:0;min-height:0;padding-top:11px;padding-bottom:0}.site-header__bar .brand{align-self:flex-start}.site-nav{flex-wrap:nowrap;overflow-x:auto;margin:9px -22px 0;padding:7px 22px;border-top:1px solid var(--line-soft);scrollbar-width:none}.site-nav::-webkit-scrollbar{display:none}.site-nav a{flex:0 0 auto;white-space:nowrap}}@media(max-width:560px){body{font-size:16px}.tcard-grid,.ccard-grid{grid-template-columns:1fr}.section{padding:44px 0}.hero__inner{padding:56px 22px 52px}.template__actions .btn{flex:1 1 100%}.footer-grid{grid-template-columns:1fr;gap:26px}}