body{font-family:Arial, sans-serif}.container{max-width:1200px;margin:0 auto;padding:0 15px}header{background-color:#333;color:white;padding:10px 0}header .logo{display:flex;align-items:center}header .logo img{width:40px;height:40px}header nav ul{list-style:none;padding:0;display:flex;gap:15px}header nav ul li a{color:white;text-decoration:none}header nav ul li a:hover{text-decoration:underline}.intro-section{position:relative;background:url(/assets/hero-image-about-fd77592409627e7b50563e074b461e2a523833d4ba0a5792e293e4c94634697c.png) no-repeat center center/cover;padding:100px 0;color:white;text-align:center}.intro-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);z-index:1}.intro-text-container{position:relative;z-index:2;background:rgba(0,0,0,0.6);padding:20px;border-radius:10px;display:inline-block;max-width:80%;margin:auto;text-align:left}.intro-text-container h1{font-size:3rem;margin-bottom:20px;text-transform:uppercase;letter-spacing:1px;text-shadow:2px 2px 4px rgba(0,0,0,0.5)}.intro-text-container p{font-size:1.25rem;margin-bottom:20px;line-height:1.6;text-shadow:1px 1px 2px rgba(0,0,0,0.5)}.intro-text-container p strong{color:var(--brand-primary-light);font-weight:bold}.intro-text-container .btn{background-color:var(--brand-primary);color:white;padding:10px 20px;border:none;border-radius:5px;text-transform:uppercase;font-weight:bold;transition:background-color 0.3s ease}.intro-text-container .btn:hover{background-color:#0056b3;color:white;box-shadow:0 5px 15px rgba(0,91,187,0.5)}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.intro-text-container{animation:fadeIn 1s ease-in-out}.about-mission{background-color:#f8f9fa;padding:3rem 1rem}.about-mission h2{text-align:center;margin-bottom:2rem;font-size:2.5rem}.mission-list{list-style:none;padding:0}.mission-list li{font-size:1.1rem;line-height:1.6;margin-bottom:1rem;padding-left:1.5rem;position:relative}.mission-list .mission-icon::before{content:'\1F4CC';position:absolute;left:0;top:0;color:var(--brand-primary);font-size:1.2rem;line-height:1.6}.mission-list .check-icon::before{content:'\2714';position:absolute;left:0;top:0;color:var(--brand-win);font-size:1.2rem;line-height:1.6}hr{border:0;height:1px;background:#ddd;margin:1.5rem 0}.mission-image{border:1px solid #ddd;box-shadow:0 4px 8px rgba(0,0,0,0.1);border-radius:0.5rem}@media (max-width: 768px){.about-mission .row{text-align:center}.about-mission .col-md-6{margin-bottom:2rem}}.about-how-it-works{background-color:#f0f0f0;padding:50px 0}.about-how-it-works h2{text-align:center;font-size:2.5rem;margin-bottom:50px}.about-how-it-works .col-md-4{margin-bottom:30px}.about-how-it-works img{max-width:100%;border-radius:10px;margin-bottom:20px}.about-how-it-works h5{font-size:1.5rem;margin-bottom:10px}.about-how-it-works p{font-size:1.1rem}.about-transparency h2{text-align:center;margin-bottom:2rem;font-size:2.5rem;color:#333}.transparency-card{border:none;border-radius:0.5rem;box-shadow:0 4px 8px rgba(0,0,0,0.1);margin-bottom:1rem;transition:transform 0.2s, box-shadow 0.2s}.transparency-card:hover{transform:translateY(-10px);box-shadow:0 10px 20px rgba(0,0,0,0.2)}.transparency-card .card-body{padding:2rem}.transparency-card .card-title{font-size:1.25rem;margin-bottom:1rem;color:#333}.transparency-card .card-text{font-size:1rem;color:#666}.transparency-card i{color:var(--brand-primary)}.container{max-width:1200px}@media (max-width: 768px){.transparency-card{margin-bottom:2rem}}.join-telegram-section{background:var(--brand-primary);background:linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-light) 100%);color:white;padding:50px 0;text-align:center}.join-telegram-section h2{font-size:2.5rem;margin-bottom:30px}.join-telegram-section .btn{background-color:#ffffff;color:var(--brand-primary);border-color:#ffffff;padding:10px 20px;text-decoration:none;border-radius:5px}.join-telegram-section .btn:hover{background-color:#e9ecef;color:#0056b3}.join-telegram-section i{margin-right:5px}footer{background-color:#333;color:white;text-align:center;padding:20px 0}footer a{color:white;text-decoration:none;margin:0 15px}footer a:hover{text-decoration:underline}