.pdf-root{--pdf-glow:color-mix(in srgb, var(--color-primary) 38%, transparent);--pdf-glass:color-mix(in srgb, var(--color-fg) 4.5%, transparent);--pdf-glass-hi:color-mix(in srgb, var(--color-fg) 8%, transparent);--pdf-edge:color-mix(in srgb, var(--color-fg) 11%, transparent);position:relative}.pdf-hero{isolation:isolate;border:1px solid var(--pdf-edge);background:radial-gradient(120% 140% at 0% 0%, color-mix(in srgb, var(--color-primary) 22%, transparent), transparent 55%), radial-gradient(90% 120% at 100% 0%, color-mix(in srgb, var(--color-ice) 14%, transparent), transparent 60%), var(--pdf-glass);-webkit-backdrop-filter:blur(18px)saturate(140%);box-shadow:0 1px 0 color-mix(in srgb, var(--color-fg) 10%, transparent) inset, 0 30px 80px -40px var(--pdf-glow);border-radius:1.75rem;position:relative;overflow:hidden}.pdf-hero:after{content:"";z-index:-1;background:linear-gradient(115deg, transparent 40%, color-mix(in srgb, var(--color-fg) 6%, transparent) 50%, transparent 60%);background-size:250% 100%;animation:9s ease-in-out infinite pdf-sheen;position:absolute;inset:0}.pdf-title{letter-spacing:-.02em;background:linear-gradient(180deg, var(--color-fg), color-mix(in srgb, var(--color-fg) 70%, var(--color-primary)));color:#0000;-webkit-background-clip:text;background-clip:text}.pdf-badge{border:1px solid var(--pdf-edge);background:var(--pdf-glass);color:var(--color-muted);border-radius:999px;align-items:center;gap:.4rem;padding:.2rem .65rem;font-size:.72rem;font-weight:500;display:inline-flex}.pdf-langs a{letter-spacing:.04em;color:var(--color-muted);border:1px solid #0000;border-radius:999px;padding:.25rem .7rem;font-size:.75rem;font-weight:600;transition:color .2s,background .2s,border-color .2s}.pdf-langs a:hover{color:var(--color-fg);background:var(--pdf-glass-hi)}.pdf-langs a[aria-current=page]{color:var(--color-fg);border-color:var(--pdf-edge);background:var(--pdf-glass-hi)}.pdf-group-title{letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted);align-items:center;gap:.7rem;margin:1.6rem 0 .7rem;font-size:.72rem;font-weight:700;display:flex}.pdf-group-title:after{content:"";background:linear-gradient(90deg, var(--pdf-edge), transparent);flex:1;height:1px}.pdf-tile{border:1px solid var(--pdf-edge);background:var(--pdf-glass);text-align:start;animation:.5s cubic-bezier(.2,.8,.2,1) both pdf-rise;animation-delay:calc(var(--i,0) * 28ms);border-radius:1.1rem;align-items:flex-start;gap:.8rem;padding:.9rem 1rem;transition:transform .25s cubic-bezier(.2,.8,.2,1),border-color .25s,background .25s,box-shadow .25s;display:flex;position:relative}.pdf-tile:hover,.pdf-tile:focus-visible{border-color:color-mix(in srgb, var(--color-primary) 55%, transparent);background:var(--pdf-glass-hi);box-shadow:0 18px 40px -22px var(--pdf-glow);transform:translateY(-2px)}.pdf-tile:active{transform:translateY(0)scale(.99)}.pdf-ico{width:2.5rem;height:2.5rem;color:var(--color-fg);background:linear-gradient(145deg, color-mix(in srgb, var(--color-primary) 55%, transparent), color-mix(in srgb, var(--color-brand-2) 28%, transparent));box-shadow:0 0 0 1px color-mix(in srgb, var(--color-fg) 16%, transparent) inset, 0 8px 18px -10px var(--pdf-glow);border-radius:.8rem;flex-shrink:0;place-items:center;transition:transform .3s cubic-bezier(.2,.8,.2,1);display:grid}.pdf-tile:hover .pdf-ico{transform:rotate(-5deg)scale(1.08)}.pdf-tile .pdf-arrow{opacity:0;color:var(--color-primary);margin-inline-start:auto;transition:all .25s;transform:translate(-4px)}.pdf-tile:hover .pdf-arrow{opacity:1;transform:none}[dir=rtl] .pdf-tile .pdf-arrow{transform:translate(4px)scaleX(-1)}[dir=rtl] .pdf-tile:hover .pdf-arrow{transform:scaleX(-1)}.pdf-surface{border:1px solid var(--pdf-edge);background:var(--pdf-glass);-webkit-backdrop-filter:blur(10px);border-radius:1.25rem;animation:.45s cubic-bezier(.2,.8,.2,1) both pdf-rise}.pdf-drop{border:1.5px dashed color-mix(in srgb, var(--color-primary) 45%, var(--pdf-edge));background:radial-gradient(80% 120% at 50% 0%, color-mix(in srgb, var(--color-primary) 10%, transparent), transparent 70%), var(--pdf-glass);border-radius:1.25rem;transition:border-color .2s,background .2s,transform .2s}.pdf-drop[data-over=true]{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 14%, transparent);transform:scale(1.005)}.pdf-bar{background:linear-gradient(90deg, var(--color-primary), var(--color-ice));position:relative;overflow:hidden}.pdf-bar:after{content:"";background:linear-gradient(90deg,#0000,#ffffff59,#0000);animation:1.4s linear infinite pdf-shimmer;position:absolute;inset:0}.pdf-step{counter-increment:step}.pdf-step:before{content:counter(step);width:1.6rem;height:1.6rem;color:var(--color-fg);background:linear-gradient(145deg, color-mix(in srgb, var(--color-primary) 55%, transparent), color-mix(in srgb, var(--color-brand-2) 30%, transparent));border-radius:999px;place-items:center;margin-inline-end:.6rem;font-size:.75rem;font-weight:700;display:inline-grid}.pdf-chip{border:1px solid var(--pdf-edge);background:var(--pdf-glass);color:var(--color-muted);border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .8rem;font-size:.8rem;transition:color .2s,border-color .2s,background .2s,transform .2s;display:inline-flex}.pdf-chip:hover{color:var(--color-fg);border-color:color-mix(in srgb, var(--color-primary) 55%, transparent);background:var(--pdf-glass-hi);transform:translateY(-1px)}@keyframes pdf-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes pdf-sheen{0%,60%{background-position:150% 0}to{background-position:-100% 0}}@keyframes pdf-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.pdf-root *,.pdf-root :before,.pdf-root :after{transition:none!important;animation:none!important}}@media (width<=640px){.pdf-hero{border-radius:1.35rem}.pdf-tile{padding:.75rem .85rem}}
