.tiles{ max-width:1300px; margin:auto; padding:40px 20px; 
	display:grid; grid-template-columns: repeat(auto-fit,minmax(250px,1fr));
	gap:30px; }

.tile{ background:rgba(255,255,255,.12); backdrop-filter:blur(10px);
	border:2px solid #d4af37; 
	box-shadow:0 0 10px rgba(212,175,55,.4), 0 0 20px rgba(212,175,55,.2);
	padding:35px; border-radius:20px;
	text-align:center; text-decoration:none; color:white; transition:.3s; }
.tile:hover{ transform:translateY(-8px); background:rgba(255,255,255,.18); border-color:#ffd700;
	box-shadow: 0 0 15px rgba(255,215,0,.8), 0 0 30px rgba(255,215,0,.5);}
.tile h2{ margin-bottom:15px; color:#f5d37c; }