form{ display:flex; flex-direction:column; gap:12px; margin-top:20px; }

input{ padding:12px; border:none; border-radius:8px; }

.class-grid{ max-width:1200px; margin:auto; display:grid;
	grid-template-columns: repeat(auto-fit,minmax(450px,1fr));
	gap:30px; padding:30px; }
.class-card{ background:rgba(255,255,255,.12); backdrop-filter:blur(12px);
	border:2px solid #c49a2c;
	box-shadow:0 0 4px rgba(212,175,55,.4);  /*, 0 0 20px rgba(212,175,55,.2)*/
	border-radius:20px; padding:30px; }
.class-card h2{ margin-bottom:20px; color:#f5d37c; }
.class-card p{ margin-bottom:10px; }

.map-container{margin:20px 0;}
.map-container iframe{ width:100%; height:250px; border:none; border-radius:15px; }

.meeting-description{ font-size:.95rem; line-height:1.6; margin-bottom:20px; padding:10px;
	border-left:3px solid #d4af37; background:rgba(255,255,255,.05); border-radius:8px;}

.success-message {color: #d4af37; font-family: 'Bruno Ace SC', cursive;
    font-size: 1.4em; font-weight: bold; text-align: center; margin-top: 10px;}

.add-participant-btn { margin-top: 12px; border: 1px solid #d4af37; 
	padding: 10px 20px; border-radius: 4px; cursor: pointer; width: 100%; }
.add-participant-btn:hover {background-color: #d4af37; color: #000;}