@keyframes res-rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes res-orb{0%,to{transform:translate(0)}50%{transform:translate(14px,-18px)}}@keyframes res-shimmer{0%{background-position:200%}to{background-position:-200%}}.res-reveal{opacity:0;transform:translateY(18px)}.res-reveal--in{animation:res-rise .65s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--res-delay,0s)}.res-hero{position:relative;margin:-.5rem 0 2rem;padding:2rem 1.5rem;border-radius:1.25rem;border:1px solid rgba(129,140,248,.28);overflow:hidden}.res-hero__bg{position:absolute;inset:0;pointer-events:none}.res-hero__orb{position:absolute;border-radius:50%;filter:blur(48px);opacity:.45;animation:res-orb 16s ease-in-out infinite}.res-hero__orb--a{width:240px;height:240px;top:-60px;left:-40px;background:rgba(99,102,241,.4)}.res-hero__orb--b{width:200px;height:200px;bottom:-50px;right:-30px;background:rgba(16,185,129,.25);animation-delay:-6s}.res-hero__grid{position:absolute;inset:0;opacity:.25;background-image:linear-gradient(rgba(129,140,248,.08) 1px,transparent 0),linear-gradient(90deg,rgba(129,140,248,.06) 1px,transparent 0);background-size:40px 40px}.res-hero__inner{position:relative;z-index:1;max-width:52ch}.res-hero__kicker{display:inline-block;margin-bottom:.4rem;font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#a5b4fc}.res-hero__title{margin:0 0 .65rem;font-size:clamp(1.6rem,4vw,2.15rem);font-weight:800;letter-spacing:-.03em;color:#f9fafb}.res-hero__lead{margin:0 0 1.25rem;line-height:1.6;color:#94a3b8}.res-btn{display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1.1rem;border-radius:.6rem;font-size:.88rem;font-weight:700;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.res-btn--primary{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);border:1px solid rgba(165,180,252,.45);box-shadow:0 10px 28px rgba(79,70,229,.3)}.res-btn--primary:hover{transform:translateY(-2px);text-decoration:none;color:#fff}.res-btn--ghost{color:#c7d2fe;background:rgba(99,102,241,.12);border:1px solid rgba(129,140,248,.35)}.res-btn--ghost:hover{background:rgba(99,102,241,.25);text-decoration:none;color:#fff}.res-section{margin-bottom:2.5rem}.res-section__title{margin:0 0 1.1rem;font-size:clamp(1.2rem,3vw,1.5rem);font-weight:800;letter-spacing:-.02em;color:#f1f5f9}.res-prose{max-width:62ch;line-height:1.65;color:#94a3b8}.res-prose p{margin:0 0 .85rem}.res-cat-grid{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr))}.res-cat-card{display:flex;flex-direction:column;gap:.45rem;padding:1.15rem 1.2rem;border-radius:1rem;border:1px solid rgba(129,140,248,.22);background:linear-gradient(155deg,rgba(15,23,42,.85),rgba(30,27,75,.35));text-decoration:none;color:inherit;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.res-cat-card:hover{transform:translateY(-4px);border-color:rgba(165,180,252,.45);box-shadow:0 16px 40px rgba(0,0,0,.35);text-decoration:none}.res-cat-card__label{font-size:1rem;font-weight:800;color:#f9fafb}.res-cat-card__desc{margin:0;font-size:.86rem;line-height:1.5;color:#94a3b8;flex:1 1}.res-cat-card__cta{font-size:.8rem;font-weight:700;color:#a5b4fc}.res-grid{display:grid;grid-gap:1.1rem;gap:1.1rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))}.res-grid--related{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))}.res-card{display:flex;flex-direction:column;gap:.5rem;padding:1.15rem 1.2rem 1.2rem;border-radius:1rem;border:1px solid rgba(129,140,248,.2);background:linear-gradient(160deg,rgba(15,23,42,.9),rgba(49,46,129,.18));text-decoration:none;color:inherit;transition:transform .32s cubic-bezier(.22,1,.36,1),border-color .3s ease,box-shadow .3s ease}.res-card:hover{transform:translateY(-5px);border-color:rgba(165,180,252,.42);box-shadow:0 20px 48px rgba(0,0,0,.38);text-decoration:none}.res-card__top{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.res-card__type{font-size:.65rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#a5b4fc}.res-card__time{font-size:.72rem;color:#64748b}.res-card__title{margin:0;font-size:1.05rem;font-weight:800;line-height:1.3;color:#f9fafb}.res-card__desc{margin:0;font-size:.88rem;line-height:1.55;color:#94a3b8;flex:1 1}.res-card__meta{display:flex;gap:.5rem;flex-wrap:wrap}.res-card__diff{font-size:.68rem;font-weight:700;padding:.2rem .45rem;border-radius:.35rem;text-transform:uppercase;letter-spacing:.06em}.res-card__diff--beginner{color:#6ee7b7;background:rgba(16,185,129,.15)}.res-card__diff--intermediate{color:#fcd34d;background:rgba(245,158,11,.15)}.res-card__category{font-size:.72rem;color:#64748b}.res-card__tags{display:flex;flex-wrap:wrap;gap:.35rem}.res-card__tag{font-size:.68rem;padding:.15rem .45rem;border-radius:999px;background:rgba(99,102,241,.12);color:#c7d2fe}.res-card__cta{margin-top:.25rem;font-size:.82rem;font-weight:700;color:#a5b4fc}.res-youtube{margin-top:1rem;padding:1.75rem 1.5rem;border-radius:1.1rem;border:1px solid rgba(245,158,11,.28);background:linear-gradient(135deg,rgba(30,27,75,.5),rgba(120,53,15,.12))}.res-youtube__title{margin:0 0 .5rem;font-size:1.25rem;font-weight:800;color:#fef3c7}.res-youtube__copy{margin:0 0 1rem;max-width:52ch;line-height:1.6;color:#94a3b8}.res-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .5rem;margin-bottom:1.25rem;font-size:.82rem;color:#64748b}.res-breadcrumb a{color:#a5b4fc;text-decoration:none}.res-breadcrumb a:hover{text-decoration:underline}.res-detail__hero{margin-bottom:1.75rem}.res-detail__badges{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem}.res-detail__badge{font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.25rem .55rem;border-radius:.4rem;border:1px solid rgba(129,140,248,.3);color:#c7d2fe;background:rgba(99,102,241,.1)}.res-detail__title{margin:0 0 .5rem;font-size:clamp(1.35rem,3.5vw,1.85rem);font-weight:800;color:#f9fafb}.res-detail__intro{margin:0;max-width:58ch;line-height:1.6;color:#94a3b8}.res-detail__blocks{display:flex;flex-direction:column;gap:1.1rem}.res-block{padding:1.1rem 1.2rem;border-radius:.85rem;border:1px solid rgba(129,140,248,.15);background:rgba(15,23,42,.45)}.res-block__title{margin:0 0 .45rem;font-size:.95rem;font-weight:800;color:#e2e8f0}.res-block p,.res-block__body{margin:0;line-height:1.65;color:#94a3b8;white-space:pre-wrap}.res-block--example{border-color:rgba(16,185,129,.25)}.res-template{padding:1.15rem 1.2rem;border-radius:.9rem;border:1px solid rgba(129,140,248,.28);background:rgba(2,6,23,.55)}.res-template__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.85rem}.res-downloads{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.res-dl-btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem .9rem;border-radius:.55rem;font-size:.8rem;font-weight:700;text-decoration:none;transition:transform .2s ease,background .2s ease,border-color .2s ease}.res-dl-btn--pdf{color:#fecaca;background:rgba(220,38,38,.15);border:1px solid rgba(248,113,113,.4)}.res-dl-btn--pdf:hover{background:rgba(220,38,38,.28);transform:translateY(-1px);text-decoration:none;color:#fff}.res-dl-btn--docx{color:#bfdbfe;background:rgba(37,99,235,.15);border:1px solid rgba(96,165,250,.4)}.res-dl-btn--docx:hover{background:rgba(37,99,235,.28);transform:translateY(-1px);text-decoration:none;color:#fff}.res-detail__hero .res-downloads{margin-top:1.1rem}.res-template__title{margin:0;font-size:1rem;font-weight:800;color:#f1f5f9}.res-copy-btn{padding:.45rem .85rem;border-radius:.5rem;border:1px solid rgba(129,140,248,.4);background:rgba(99,102,241,.2);color:#e0e7ff;font-size:.8rem;font-weight:700;cursor:pointer;transition:background .2s ease,transform .2s ease}.res-copy-btn:hover{background:rgba(99,102,241,.35);transform:translateY(-1px)}.res-template__body{margin:0;padding:1rem;border-radius:.55rem;background:rgba(0,0,0,.35);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem;line-height:1.55;color:#cbd5e1;white-space:pre-wrap;overflow-x:auto}.res-related{margin-top:2.5rem;padding-top:2rem;border-top:1px solid rgba(129,140,248,.15)}.res-cta{margin-top:2rem;padding:1.5rem;border-radius:1rem;border:1px solid rgba(129,140,248,.22);text-align:center}.res-cta__text{margin:0 0 1rem;color:#94a3b8}.res-cta__actions{display:flex;flex-wrap:wrap;gap:.65rem;justify-content:center}.res-category__head{margin-bottom:1.5rem}.res-category__title{margin:0 0 .4rem;font-size:1.35rem;font-weight:800;color:#f9fafb}.res-category__lead{margin:0;max-width:52ch;color:#94a3b8;line-height:1.6}.res-back{margin-top:2rem}.res-back a{color:#a5b4fc;font-weight:600;text-decoration:none}.res-back a:hover{text-decoration:underline}@media (prefers-reduced-motion:reduce){.res-hero__orb,.res-reveal,.res-reveal--in{animation:none;opacity:1;transform:none}.res-btn--primary:hover,.res-card:hover,.res-cat-card:hover{transform:none}}