body{margin:0;background:#0f0f0f;color:#eee;font-family:Inter,sans-serif}.intro{max-width:900px;margin:40px auto;text-align:center;padding:40px 20px;background:linear-gradient(135deg,#1a1a1a,#262626);border-radius:12px}.intro h1{font-size:2.4rem;margin-bottom:10px}.intro p{font-size:1.1rem;line-height:1.6;opacity:.9}.intro span{display:block;margin-top:20px;opacity:.8}.grid{max-width:1300px;margin:auto;padding:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.tile{cursor:pointer;border-radius:12px;overflow:hidden;background:#1c1c1c;transition:transform .25s ease}.tile:hover{transform:scale(1.04)}.tile img{width:100%;height:170px;object-fit:cover}.tile-title{padding:12px;font-weight:500}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{max-width:700px;width:90%;background:#222;padding:20px;border-radius:12px;text-align:center}.modal img{width:100%;border-radius:8px;cursor:pointer}.modal button{margin-top:20px;padding:10px 20px;border:none;background:#444;color:#fff;border-radius:6px;cursor:pointer}.site-footer{background:#111;color:#ddd;padding:40px 20px 20px;margin-top:50px;font-size:14px}.site-footer h3{margin-bottom:10px;color:#fff}.footer-content{display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px}.footer-content div{width:300px;max-width:100%}.footer-contact a,.footer-social a{color:#ddd;text-decoration:none}.footer-contact a:hover,.footer-social a:hover{color:#fff}.footer-icons{display:flex;gap:15px;margin-top:10px}.footer-icons .icon svg{transition:transform .2s ease,color .2s ease;color:#ddd}.footer-icons .icon:hover svg{transform:scale(1.1);color:#fff}.footer-bottom{text-align:center;margin-top:30px;padding-top:15px;border-top:1px solid #333;color:#aaa}