:root{--bg0:#fff6ee;--bg1:#ffe7d4;--ink:#2a1b14;--muted:#5b4034;--paper:#fffaf5;--card:#ffffffcc;--stroke:#2a1b14;--shadow: 0 18px 50px rgba(40, 20, 12, .14);--shadow2: 0 10px 24px rgba(40, 20, 12, .1);--accentA:#ff6b35;--accentB:#ffb703;--accentC:#e63946;--accentD:#ff8fab;--accentE:#6d597a}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--ink);background:radial-gradient(1100px 680px at 15% 10%,var(--bg1) 0%,rgba(255,231,212,0) 65%),radial-gradient(900px 700px at 88% 12%,#ffb70338,#ffb70300 62%),radial-gradient(1000px 700px at 70% 92%,#ff6b3529,#ff6b3500 60%),linear-gradient(180deg,var(--bg0) 0%,#fff3e8 60%,#fff0e6 100%);overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E");mix-blend-mode:multiply;opacity:.12}a{color:inherit;text-decoration:none}.wrap{max-width:1120px;margin:0 auto;padding:28px 18px 64px;position:relative}.top{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;align-items:stretch}.hero{background:linear-gradient(145deg,#ffffffb3,#ffffff59);border:1px solid rgba(42,27,20,.15);border-radius:28px;box-shadow:var(--shadow);padding:22px 22px 18px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:520px;height:520px;border-radius:999px;right:-240px;top:-240px;background:radial-gradient(circle at 35% 35%,#ff6b3552,#ff6b3500 65%);transform:rotate(10deg)}.hero h1{margin:0;font-size:clamp(28px,3.2vw,44px);letter-spacing:-.02em;line-height:1.03}.hero .sub{margin:10px 0 0;color:var(--muted);font-size:14px;max-width:62ch;line-height:1.55}.metaRow{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.pill{background:#ffffff9e;border:1px solid rgba(42,27,20,.12);padding:8px 10px;border-radius:999px;font-size:12px;color:#2a1b14d1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pill b{font-weight:700}.stamp{background:linear-gradient(180deg,#ffffffb3,#ffffff6b);border:1px dashed rgba(42,27,20,.22);border-radius:28px;box-shadow:var(--shadow2);padding:18px;position:relative;overflow:hidden}.stamp h2{margin:0;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:#2a1b14bf}.stamp p{margin:10px 0 0;color:var(--muted);font-size:13px;line-height:1.6}.sig{margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.sig .line{height:1px;flex:1;background:linear-gradient(90deg,#2a1b1400,#2a1b1459,#2a1b1400)}.sig .mark{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid rgba(42,27,20,.18);background:#ffffff94}.grid{margin-top:18px;display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.card{grid-column:span 6;background:linear-gradient(145deg,#ffffffb8,#fff6);border:1px solid rgba(42,27,20,.14);border-radius:26px;box-shadow:var(--shadow2);padding:18px;position:relative;overflow:hidden;min-height:168px;transform:translateZ(0);transition:transform .24s ease,box-shadow .24s ease}.card:hover{transform:translateY(-2px) rotate(-.15deg);box-shadow:0 22px 55px #28140c29}.card:nth-child(2):hover{transform:translateY(-2px) rotate(.18deg)}.card:nth-child(3):hover{transform:translateY(-2px) rotate(.12deg)}.card:nth-child(4):hover{transform:translateY(-2px) rotate(-.2deg)}.card:nth-child(5):hover{transform:translateY(-2px) rotate(.08deg)}.card:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:radial-gradient(520px 240px at 14% 18%,#ff6b3538,#ff6b3500 60%),radial-gradient(540px 280px at 86% 26%,#ffb7032e,#ffb70300 60%);opacity:.9;z-index:0}.card[data-accent=C]:before{background:radial-gradient(520px 240px at 12% 18%,#e639462e,#e6394600 60%),radial-gradient(540px 280px at 88% 30%,#ff8fab2e,#ff8fab00 60%)}.card[data-accent=E]:before{background:radial-gradient(520px 240px at 14% 18%,#6d597a33,#6d597a00 60%),radial-gradient(540px 280px at 84% 30%,#ffb70324,#ffb70300 60%)}.card[data-accent=B]:before{background:radial-gradient(520px 240px at 10% 18%,#ffb70338,#ffb70300 60%),radial-gradient(540px 280px at 90% 34%,#ff6b351f,#ff6b3500 60%)}.card[data-accent=D]:before{background:radial-gradient(520px 240px at 12% 18%,#ff8fab38,#ff8fab00 60%),radial-gradient(540px 280px at 90% 34%,#ff6b351a,#ff6b3500 60%)}.cardInner{position:relative;z-index:1;display:grid;grid-template-columns:64px 1fr;gap:14px;align-items:start}.icon{width:64px;height:64px;border-radius:18px;background:#ffffff9e;border:1px solid rgba(42,27,20,.14);display:grid;place-items:center;box-shadow:0 10px 18px #28140c17}.title{margin:2px 0 0;font-size:18px;letter-spacing:-.01em;line-height:1.15}.desc{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.62}.tags{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}.tag{font-size:11px;letter-spacing:.02em;padding:6px 9px;border-radius:999px;border:1px solid rgba(42,27,20,.14);background:#ffffff8c}.footer{margin-top:22px;display:flex;align-items:flex-end;justify-content:space-between;gap:14px;color:#2a1b14b3}.footer small{display:block;line-height:1.5}.tiny{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:11px;background:#ffffff8c;border:1px solid rgba(42,27,20,.14);padding:8px 10px;border-radius:14px}@media(max-width:920px){.top{grid-template-columns:1fr}.card{grid-column:span 12}}@media(prefers-reduced-motion:reduce){.card{transition:none}.card:hover{transform:none}}