body{background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);font:var(--t-body);margin:0}.hero{padding:96px max(24px,50% - 576px) 72px;position:relative;overflow:hidden}.hero .brush-bg{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.hero>:not(.brush-bg):not(.logos){z-index:1;position:relative}.hero .logos{z-index:1;gap:16px;display:flex;position:absolute;top:32px;right:max(24px,50% - 576px)}.hero .logos img{height:84px}:root[data-theme=dark] .hero .logos img{border-radius:var(--shape-md);box-sizing:content-box;background:#fff;padding:6px 12px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]) .hero .logos img{border-radius:var(--shape-md);box-sizing:content-box;background:#fff;padding:6px 12px}}.hero .kicker,.hero h1,.hero p{width:fit-content;max-width:100%}.hero h1{font:var(--t-display);margin:8px 0 16px;font-size:clamp(40px,6vw,72px)}.hero p{font:var(--t-body-lg);color:var(--md-sys-color-on-surface-variant);max-width:720px;margin:0}.hero kbd{font:600 .8em var(--font-mono);border-radius:var(--shape-sm);background:var(--md-sys-color-surface-container-high);padding:2px 8px}.kicker{align-items:center;gap:16px;display:flex}.kicker .rule{background:var(--md-sys-color-on-surface);border-radius:2px;width:64px;height:4px}.kicker .course{font:var(--t-label);text-transform:uppercase;letter-spacing:.14em}main{max-width:1152px;margin:0 auto;padding:24px 24px 64px}section{padding-top:40px}section h2{font:var(--t-headline);margin:0 0 4px;font-size:36px}.desc{font:var(--t-body);color:var(--md-sys-color-on-surface-variant);margin:0 0 24px}.grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-auto-rows:292px;gap:16px;display:grid}.mcard{border-radius:var(--shape-3xl);background:var(--md-sys-color-surface-container-low);transition:transform var(--dur-medium) var(--motion-spatial), box-shadow var(--dur-short);position:relative}.mcard:not(.off):hover{box-shadow:var(--elevation-2);transform:translateY(-4px)}.mcard .open,.mcard.off{box-sizing:border-box;border-radius:inherit;height:100%;color:inherit;flex-direction:column;gap:10px;padding:20px 24px 24px;text-decoration:none;display:flex}.mcard.off{opacity:.62}.mcard:focus-within,.mcard .open:focus-visible{outline:3px solid var(--md-sys-color-primary);outline-offset:2px}.head{align-items:center;gap:12px;min-height:48px;padding-right:44px;display:flex}.num{width:48px;height:48px;font:var(--t-title);border-radius:var(--shape-xl) var(--shape-sm) var(--shape-xl) var(--shape-sm);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);flex:none;place-items:center;font-weight:700;display:grid}.mcard.off .num{background:var(--md-sys-color-outline);color:var(--md-sys-color-surface)}.mcard h3{font:var(--t-title);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:22px;line-height:1.25;display:-webkit-box;overflow:hidden}.mcard p{font:var(--t-body);color:var(--md-sys-color-on-surface-variant);-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0;font-size:17px;line-height:1.4;display:-webkit-box;overflow:hidden}.kind{border-radius:var(--shape-full);font:var(--t-label);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);align-items:center;gap:6px;padding:3px 12px;font-size:15px;display:inline-flex}.kind.k-review{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.kind.k-praktikum{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.kind.k-ujian{background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface)}.pdf{border-radius:var(--shape-full);width:40px;height:40px;color:var(--md-sys-color-on-surface-variant);place-items:center;text-decoration:none;display:grid;position:absolute;top:14px;right:14px}.pdf:hover{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.state{font:var(--t-label);color:var(--md-sys-color-on-surface-variant);font-size:15px;position:absolute;top:22px;right:20px}.toolbar{z-index:5;box-sizing:border-box;background:color-mix(in srgb, var(--md-sys-color-surface) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-wrap:wrap;align-items:center;gap:12px 16px;max-width:1152px;margin:0 auto;padding:16px 24px;display:flex;position:sticky;top:0}.search{border-radius:var(--shape-full);background:var(--md-sys-color-surface-container-high);height:52px;color:var(--md-sys-color-on-surface-variant);flex:320px;align-items:center;gap:10px;padding:0 16px;display:flex}.search:focus-within{outline:3px solid var(--md-sys-color-primary)}.search input{min-width:0;font:var(--t-body);color:var(--md-sys-color-on-surface);background:0 0;border:0;outline:none;flex:1;font-size:19px}.search input::-webkit-search-cancel-button{display:none}.clear{width:32px;height:32px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.clear:hover{background:var(--md-sys-color-surface-container-highest)}.chips{flex-wrap:wrap;gap:8px;display:flex}.fchip{border:1px solid var(--md-sys-color-outline);border-radius:var(--shape-full);height:44px;color:var(--md-sys-color-on-surface);font:var(--t-label);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:0 18px;display:inline-flex}.fchip:hover{background:var(--md-sys-color-surface-container-high)}.fchip.on{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);border-color:#0000}.empty{font:var(--t-body);color:var(--md-sys-color-on-surface-variant);justify-content:center;align-items:center;gap:12px;padding:64px 0;display:flex}footer{text-align:center;font:var(--t-label);color:var(--md-sys-color-on-surface-variant);padding:32px 24px 56px}@media (width<=560px){.hero{padding-top:150px}.hero .logos{left:24px;right:auto}.hero .logos img{height:64px}}