﻿/* 8. style.css */
:root{
  --primary:#FF4081;
  --secondary:#C2185B;
  --light:#FCE4EC;
  --dark:#880E4F;
}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;color:#333;}
a{color:var(--primary);}
a:hover{color:var(--secondary);}
.btn-pink{background-color:var(--primary);border-color:var(--primary);color:#fff;}
.btn-pink:hover{background-color:var(--secondary);border-color:var(--secondary);color:#fff;}
.btn-outline-pink{color:var(--primary);border-color:var(--primary);}
.btn-outline-pink:hover{background-color:var(--primary);border-color:var(--primary);color:#fff;}
.text-pink{color:var(--primary)!important;}
.bg-pink{background-color:var(--primary)!important;}
.border-pink{border-color:var(--primary)!important;}
.navbar-nav .nav-link{color:rgba(255,255,255,.9);}
.navbar-nav .nav-link:hover,.navbar-nav .nav-link.active{color:#fff;background:rgba(0,0,0,.1);border-radius:.25rem;}
.carousel-caption{background:rgba(0,0,0,.5);border-radius:.5rem;padding:1.5rem;}
.timeline::before{content:'';position:absolute;left:30px;top:0;bottom:0;width:2px;background:var(--primary);}
.timeline-item{position:relative;}
.timeline-badge{z-index:1;}
.accordion-button:focus{box-shadow:none;}
.accordion-button:not(.collapsed){background:var(--light);color:var(--dark);}
.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 .2rem rgba(255,64,129,.25);}
.content img{max-width:100%;height:auto;display:block;margin:1rem auto;}
.content h1,.content h2,.content h3,.content h4{color:var(--dark);}
@media (max-width:768px){
  .timeline::before{left:15px;}
  .timeline-badge{width:40px!important;height:40px!important;font-size:.875rem;}
}