/* SBRS Website Styles */
* { margin:0; padding:0; box-sizing:border-box; font-family: 'Segoe UI', sans-serif; }
body { background:#f9f9f9; color:#333; line-height:1.6; }
a { text-decoration:none; color:inherit; }
header { background:#0f766e; color:#fff; padding:20px 0; position:sticky; top:0; z-index:1000; box-shadow:0 2px 5px rgba(0,0,0,0.2); }
nav ul { display:flex; justify-content:center; gap:30px; list-style:none; }
nav ul li a { color:white; font-weight:bold; transition:0.3s; }
nav ul li a:hover { color:#2dd4bf; }

.container { width:90%; max-width:1200px; margin:auto; padding:40px 0; }
h1, h2, h3 { margin-bottom:20px; color:#0f766e; }

.hero { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:30px; }
.hero-text { flex:1; }
.hero-text h1 { font-size:2.5rem; animation: fadeInDown 1s; }
.hero-text p { margin-top:15px; font-size:1.1rem; animation: fadeInUp 1.2s; }
.btn { display:inline-block; padding:10px 20px; margin-top:20px; border-radius:5px; font-weight:bold; transition:0.3s; }
.btn-primary { background:#0f766e; color:#fff; }
.btn-primary:hover { background:#0c544d; }
.btn-secondary { border:2px solid #0f766e; color:#0f766e; }
.btn-secondary:hover { background:#0f766e; color:#fff; }

.collage { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; flex:1; }
.collage img { width:100%; height:150px; object-fit:cover; border-radius:8px; transition:transform 0.3s; }
.collage img:hover { transform:scale(1.05); }

.card { background:#fff; padding:20px; border-radius:10px; box-shadow:0 2px 8px rgba(0,0,0,0.1); transition:0.3s; }
.card:hover { transform:translateY(-5px); }

.grid { display:grid; gap:20px; }
.grid-3 { grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); }

/* Animations */
@keyframes fadeInDown { from { opacity:0; transform:translateY(-20px); } to { opacity:1; transform:translateY(0); } }
@keyframes fadeInUp { from { opacity:0; transform:translateY(20px); } to { opacity:1; transform:translateY(0); } }
.blink { animation: blink 1s infinite; }
@keyframes blink { 50% { opacity:0; } }

footer { background:#fff; padding:20px; text-align:center; border-top:1px solid #eee; margin-top:40px; font-size:0.9rem; color:#555; }