@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@500;700;800&display=swap);:root{--bg:#fff;--text:#0f172a;--muted:#64748b;--line:#e2e8f0;--blue:#3b82f6;--green:#22c55e;--slate:#334155;--radius:12px;--shadow:0 4px 20px rgba(0,0,0,.05)}*{box-sizing:border-box}body{margin:0;color:var(--text);font-family:'Inter',sans-serif;line-height:1.45;min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:20px;background-color:var(--bg);background-image: 
    linear-gradient(
      rgba(255, 255, 255, 0.9), 
      rgba(255, 255, 255, 0.9)
    ),
    url("img/edu-bg.png");background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.container{width:100%;max-width:900px;margin:0 auto;position:relative;z-index:10;background:#fff;box-shadow:0 10px 40px -10px rgba(0,0,0,.1);border-radius:var(--radius);padding:40px;border:1px solid #f1f5f9}.watermark-layer{position:fixed;top:0;left:0;right:0;bottom:0;z-index:0;pointer-events:none;overflow:hidden}.watermark-placed{font-family:'Inter',sans-serif;font-weight:900;font-size:3rem;text-transform:uppercase;color:rgba(0,0,0,.04);transform:rotate(-10deg);position:absolute;white-space:nowrap}.header{border-bottom:3px solid #000;padding-bottom:20px;margin-bottom:30px}.header .kicker{font-size:.8rem;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px}.header h1{color:var(--text);font-size:2.2rem;font-weight:900;font-style:italic;text-transform:uppercase;letter-spacing:-.05em;line-height:1.1;margin:0 0 10px 0}.header .sub{font-size:1rem;color:#475569;font-weight:500}.section-title{font-size:1.2rem;font-weight:800;color:var(--text);margin:0 0 16px 0;text-transform:uppercase;letter-spacing:-.02em;display:flex;align-items:center;gap:10px}.section-title::before{content:'';display:block;width:5px;height:20px;background:var(--text);border-radius:4px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:stretch}.grid:has(> .card:last-child:nth-child(1)) {grid-template-columns:repeat(1,1fr)}.grid:has(> .card:last-child:nth-child(2)) {grid-template-columns:repeat(2,1fr)}.grid:has(> .card:last-child:nth-child(3)) {grid-template-columns:repeat(3,1fr)}.card{display:flex;flex-direction:column;height:100%;text-decoration:none;background:#f8fafc;border:1px solid #f1f5f9;border-left:5px solid var(--slate);padding:12px 14px;border-radius:0 10px 10px 0;transition:transform .2s ease , background .2s ease , box-shadow .2s ease;position:relative;min-width:0}.card:hover{transform:translateY(-3px);background:#fff;box-shadow:0 8px 25px -5px rgba(0,0,0,.08);border-color:#e2e8f0}.card-chem{border-left-color:var(--blue);background:#eff6ff}.card-chem:hover{background:#fff}.card-bio{border-left-color:var(--green);background:#f0fdf4}.card-bio:hover{background:#fff}.card__label{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);display:block;margin-bottom:6px;white-space:normal}.card__title{font-size:1.05rem;font-weight:800;color:var(--text);margin-bottom:6px;letter-spacing:-.02em;line-height:1.25;word-wrap:break-word;word-break:break-word;overflow-wrap:anywhere;hyphens:auto;-webkit-hyphens:auto}.card__desc{font-family:'Inter',sans-serif;font-size:.8rem;color:#334155;margin:0 0 12px 0;line-height:1.4;flex-grow:1}.card__arrow{font-family:'JetBrains Mono',monospace;font-weight:700;font-size:.75rem;text-transform:uppercase;display:inline-block;padding:6px 10px;border-radius:6px;background:rgba(255,255,255,.6);border:1px solid rgba(0,0,0,.05);transition:all .2s;margin-top:auto;align-self:flex-start}.card-chem .card__arrow{color:var(--blue)}.card-bio .card__arrow{color:var(--green)}.card:hover .card__arrow{background:var(--text);color:#fff}.grid:has(> .card:last-child:nth-child(1)) .card,
.grid:has(> .card:last-child:nth-child(2)) .card,
.grid:has(> .card:last-child:nth-child(3)) .card {padding:16px 18px}.grid:has(> .card:last-child:nth-child(1)) .card__title,
.grid:has(> .card:last-child:nth-child(2)) .card__title,
.grid:has(> .card:last-child:nth-child(3)) .card__title {font-size:1.25rem}.grid:has(> .card:last-child:nth-child(1)) .card__desc,
.grid:has(> .card:last-child:nth-child(2)) .card__desc,
.grid:has(> .card:last-child:nth-child(3)) .card__desc {font-size:.85rem}.note-block{background:#f1f5f9;border-left:4px solid #94a3b8;padding:14px;border-radius:0 8px 8px 0;font-size:.85rem;color:#334155;line-height:1.5}@media (max-width:640px){body{padding:5px}.container{padding:15px 10px;border-radius:12px}.header h1{font-size:1.6rem;word-wrap:break-word}.grid,
  .grid:has(> .card:last-child:nth-child(3)) {grid-template-columns:repeat(3,1fr);gap:6px}.grid:has(> .card:last-child:nth-child(2)) {grid-template-columns:1fr;gap:12px}.card{padding:8px 6px!important;border-left-width:2px;border-radius:0 6px 6px 0;min-width:0}.grid:has(> .card:last-child:nth-child(2)) .card {padding:16px 14px!important;border-left-width:4px;border-radius:0 10px 10px 0}.card__label{font-size:.42rem!important;margin-bottom:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card__title{font-size:.62rem!important;line-height:1.15;margin-bottom:3px;word-wrap:break-word;word-break:break-word;overflow-wrap:anywhere;hyphens:auto;-webkit-hyphens:auto}.card__desc{font-size:.5rem!important;line-height:1.15;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card__arrow{width:100%;text-align:center;font-size:.55rem;padding:4px;margin-top:auto}.watermark-placed{font-size:1.5rem}}