:root{--bg: #f7f9fc;--fg: #142033;--muted: #5c6a85;--glass: #ffffff;--line: rgba(0,0,0,.08);--c1: #13b0ff;--c2: #ff9f43;--c3: #ff5ea8;--c4: #20c997;--c5: #ffc107;--c6: #7b5cff}*{box-sizing:border-box}html,body{height:100%}body{margin:0;color:var(--fg);background:radial-gradient(1200px 600px at 20% 0%,#ffffff 0%,var(--bg) 55%,#eef3f9 100%),conic-gradient(from 0deg at 60% 40%,#13b0ff0f,#7b5cff0f,#20c9970f,#ff9f430f,#ff5ea80f);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji"}.shell{min-height:100vh;padding:48px 24px 64px;max-width:1200px;margin:0 auto}.header{display:grid;grid-template-columns:1fr auto;align-items:end;gap:24px;margin-bottom:28px}.title{font-size:clamp(32px,6vw,64px);letter-spacing:-.02em;line-height:1.02;background:linear-gradient(90deg,var(--c1),var(--c6),var(--c3));-webkit-background-clip:text;background-clip:text;color:transparent}.subtitle{color:var(--muted);font-size:clamp(14px,2vw,18px)}.ribbon{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:linear-gradient(180deg,#ffffffe6,#ffffffd9);box-shadow:0 6px 18px #11192814,inset 0 1px #ffffffe6}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;margin-top:24px}.card{position:relative;grid-column:span 4;background:var(--glass);border:1px solid var(--line);border-radius:20px;padding:22px;-webkit-backdrop-filter:saturate(115%);backdrop-filter:saturate(115%);box-shadow:0 8px 24px #1119281f;transform:rotate(-1deg)}.card:nth-child(2n){transform:rotate(1.2deg)}.card:nth-child(3n){transform:rotate(-2deg)}.card:hover{transform:translateY(-2px) rotate(0)}.chip{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px dashed var(--line);font-size:12px;color:var(--muted)}.icon{width:64px;height:64px;border-radius:14px;display:grid;place-items:center;margin-bottom:12px}.c1 .icon{background:#13b0ff1f}.c2 .icon{background:#ff9f431f}.c3 .icon{background:#ff5ea81f}.c4 .icon{background:#20c9971f}.c5 .icon{background:#ffc1071f}.c6 .icon{background:#7b5cff1f}.name{font-size:18px;margin:6px 0 4px}.intro{color:var(--muted);font-size:14px;line-height:1.5}.footer{margin-top:36px;color:var(--muted);font-size:13px}@media (max-width: 960px){.card{grid-column:span 6}}@media (max-width: 600px){.card{grid-column:span 12}.header{grid-template-columns:1fr}}