@import"https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600;9..40,700&family=JetBrains+Mono:wght@400&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:DM Sans,system-ui,-apple-system,sans-serif;background:#1a2f8a;color:#f0f2ff;line-height:1.7}.gallery-container{max-width:960px;margin:0 auto;padding:2rem 1.5rem}.gallery-container h1{font-size:2rem;font-weight:700;color:#ffd666;margin-bottom:.5rem}.gallery-container>p{color:#b8c4e8;margin-bottom:2rem}h2{font-size:1.1rem;color:#ffe8a0;text-transform:uppercase;letter-spacing:.05em;margin:2rem 0 1rem}h2:first-of-type{margin-top:0}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.75rem;margin-bottom:.5rem}.card{display:block;background:#2240a8;border:1px solid #2e48a0;border-radius:8px;padding:1rem 1.25rem;text-decoration:none;transition:border-color .15s,background .15s;cursor:pointer}.card:hover{border-color:#4470cc;background:#2a4cc0}.card[data-active]{border-color:#ffd666}.card-title{font-size:.95rem;font-weight:600;color:#8bf;margin-bottom:.25rem}.card:hover .card-title{color:#ffd666}.card-desc{font-size:.8rem;color:#7888b8;line-height:1.4}.card code{font-family:JetBrains Mono,monospace;font-size:.78em;background:#1a2870;padding:.1rem .3rem;border-radius:3px;color:#8bf}.viewer{margin-top:1.5rem;display:none}.viewer[data-visible]{display:block}.viewer-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.viewer-title{font-size:.95rem;font-weight:600;color:#ffd666}.viewer-close{background:none;border:1px solid #4470cc;border-radius:6px;color:#8bf;padding:.3rem .9rem;font-size:.85rem;font-family:inherit;cursor:pointer;transition:background .15s,color .15s}.viewer-close:hover{background:#2240a8;color:#ffd666}.viewer iframe{width:100%;height:70vh;border:1px solid #4470cc;border-radius:8px;background:#fff}footer{max-width:960px;margin:0 auto;padding:2rem 1.5rem;text-align:center;font-size:.85rem;color:#7888b8}footer a{color:#8bf;text-decoration:none}footer a:hover{color:#ffd666}@media(max-width:768px){.gallery-container h1{font-size:1.5rem}.card-grid{grid-template-columns:1fr}.viewer iframe{height:50vh}}