:root{--primary-color:#28a745;--secondary-color:#17a2b8;--dark-color:#343a40}body{font-family:Arial,sans-serif;line-height:1.6}header{background:linear-gradient(135deg, var(--dark-color) 0%, #000 100%);position:relative;overflow:hidden}header:before{content:"";opacity:.3;background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><defs><pattern id=\"grain\" width=\"100\" height=\"100\" patternUnits=\"userSpaceOnUse\"><circle cx=\"25\" cy=\"25\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.1\"/><circle cx=\"75\" cy=\"75\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.1\"/><circle cx=\"50\" cy=\"10\" r=\"0.5\" fill=\"%23ffffff\" opacity=\"0.1\"/><circle cx=\"10\" cy=\"60\" r=\"0.5\" fill=\"%23ffffff\" opacity=\"0.1\"/><circle cx=\"90\" cy=\"40\" r=\"0.5\" fill=\"%23ffffff\" opacity=\"0.1\"/></pattern></defs><rect width=\"100\" height=\"100\" fill=\"url(%23grain)\"/></svg>");position:absolute;inset:0}header img{border:5px solid #ffffff4d;box-shadow:0 0 30px #00000080}.card{border:none;transition:transform .3s,box-shadow .3s;box-shadow:0 2px 10px #0000001a}.card:hover{transform:translateY(-5px);box-shadow:0 5px 20px #00000026}.card-img-top{object-fit:cover;height:200px}.admin-panel{background:#f8f9fa;min-height:100vh}.login-container{max-width:400px;margin:100px auto}@media (max-width:768px){header h1{font-size:2rem}.card-img-top{height:150px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card{animation:.6s ease-out fadeIn}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:var(--dark-color);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#555}.navbar{box-shadow:0 2px 4px #0000001a}.hero-section{background:linear-gradient(135deg, var(--dark-color) 0%, #000 100%);justify-content:center;align-items:center;min-height:60vh;padding:100px 0;display:flex;position:relative;overflow:hidden}.hero-section:before{content:"";opacity:.3;background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><defs><pattern id=\"grain\" width=\"100\" height=\"100\" patternUnits=\"userSpaceOnUse\"><circle cx=\"25\" cy=\"25\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.1\"/><circle cx=\"75\" cy=\"75\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.1\"/></pattern></defs><rect width=\"100\" height=\"100\" fill=\"url(%23grain)\"/></svg>");position:absolute;inset:0}.hero-image{border-radius:50%;max-width:200px;height:auto}.hero-buttons{margin-top:20px}.hero-buttons .btn{cursor:pointer;margin:0 10px;transition:background-color .3s}.hero-buttons .btn:hover{background-color:#0056b3}.feature-card{background:#fff;border-radius:10px;height:100%;padding:30px;transition:transform .3s;box-shadow:0 2px 10px #0000001a}.feature-card:hover{transform:translateY(-5px)}.page-header{margin-bottom:40px;padding:80px 0}.journey-card{border:none;transition:transform .3s,box-shadow .3s}.journey-card:hover{transform:translateY(-5px);box-shadow:0 5px 20px #00000026}.event-card{transition:transform .3s}.event-card:hover{transform:translateY(-3px)}.event-details{border-top:1px solid #eee;margin-top:15px;padding-top:15px}.past-event{opacity:.8}@media (max-width:768px){.hero-section{padding:60px 0}.hero-buttons .btn{width:100%;margin:10px 0;display:block}}.post-content{background:#fff;border-radius:10px;padding:40px;box-shadow:0 2px 10px #0000000d}.post-body{color:#333;font-size:1.1rem;line-height:1.8}.post-footer{margin-top:40px}.share-buttons .btn{margin-left:5px}@media (max-width:768px){.post-content{padding:20px}}.events-container .card-img-top,.journey-container .card-img-top{width:100%;display:block;object-fit:unset!important;height:auto!important;max-height:none!important}.event-card,.journey-card{max-width:320px;margin:0 auto 30px}.events-container .row,.journey-container .row{flex-wrap:wrap;display:flex}.events-container .row>[class*=col],.journey-container .row>[class*=col]{display:flex}.post-content img.img-fluid{max-height:70vh;margin:0 auto;display:block;width:auto!important;max-width:100%!important;height:auto!important}.cta-section{text-align:center;background-color:#f8f9fa;padding:50px 0}.cta-section h2{margin-bottom:1rem;font-size:2rem}.cta-section p{margin-bottom:2rem;font-size:1.1rem}.cta-section .btn{color:#fff;background-color:#007bff;border-radius:8px;padding:12px 24px;font-size:1.2rem;transition:background-color .3s}.cta-section .btn:hover{background-color:#0056b3}footer{color:#fff;text-align:center;background-color:#343a40;padding:20px 0}footer p{margin:0;font-size:1rem}.navbar-brand img{object-fit:cover}.navbar-nav .nav-link.active{font-weight:700;color:#fff!important}.themed-page{color:#343a40;background:#f8f9fa;font-family:Poppins,sans-serif}.themed-page .page-header{color:#fff;background:linear-gradient(135deg,#4b6cb7,#182848)}.themed-page .page-header h1{font-weight:700}.themed-page .page-header p{opacity:.9}.journey-page .journey-card{background:#fff;border:none;border-radius:15px;transition:all .3s;overflow:hidden;box-shadow:0 4px 15px #0000001a}.journey-page .journey-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000026}.journey-page .journey-card img{object-fit:contain;background:#f0f0f0;width:100%;height:250px}.journey-page .journey-card h5{margin-bottom:.75rem;font-weight:600}.journey-page .journey-card .card-text{color:#555;font-size:.95rem}.journey-page .journey-card .btn-primary{background:#4b6cb7;border:none}.journey-page .journey-card .btn-primary:hover{background:#182848}.journey-page .filter-form{background:#fff;border-radius:12px;margin-bottom:30px;padding:15px;box-shadow:0 2px 8px #00000014}@media (max-width:767px){.journey-page .journey-card img{height:180px}}.detail-page .page-header{box-shadow:0 4px 15px #0000001a}.detail-page .page-header p{font-size:1rem}.detail-page .post-content{word-wrap:break-word;background-color:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 15px #0000000d}.detail-page .post-content img{border-radius:12px;width:100%;margin-bottom:1.5rem;transition:transform .3s,box-shadow .3s}.detail-page .post-content img:hover{transform:scale(1.02);box-shadow:0 10px 25px #00000026}.detail-page .post-body{color:#444;text-align:justify;white-space:pre-line;font-size:1rem;line-height:1.8}.detail-page hr{border-top:1px solid #dee2e6}.detail-page .post-footer .btn-outline-primary{transition:all .3s}.detail-page .post-footer .btn-outline-primary:hover{color:#fff;background-color:#4b6cb7;border-color:#4b6cb7}.detail-page .share-buttons .btn-outline-secondary{margin-right:.25rem;transition:all .3s}.detail-page .share-buttons .btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}.detail-page .fade-in{opacity:0;animation:.8s forwards fadeInUp;transform:translateY(20px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@media (max-width:767px){.detail-page .post-content{padding:1.5rem}}.events-page{color:#333;background-color:#f8fafc}.events-page .event-card{background:#fff;border:none;border-radius:16px;flex-direction:column;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 6px 15px #00000014}.events-page .event-card:hover{transform:translateY(-6px);box-shadow:0 10px 25px #0000001f}.events-page .event-card img{object-fit:contain;background-color:#fff;width:100%;height:220px;padding:10px}.events-page .event-card .card-body{flex-direction:column;flex-grow:1;display:flex}.events-page .event-card .card-title{margin-bottom:.75rem;font-weight:600}.events-page .event-description{color:#555;text-align:justify;-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:.95rem;display:-webkit-box;overflow:hidden}.events-page .event-details p{color:#666;margin-bottom:.3rem;font-size:.85rem}.events-page .btn-success{background:#4b6cb7;border:none}.events-page .btn-success:hover{background:#182848}.events-page .past-event{opacity:.85}.events-page .past-event img{filter:grayscale(40%)}@media (max-width:767px){.events-page .event-card img{height:180px;padding:8px}}.crypto-page .page-header{text-align:center;margin-bottom:0;padding:60px 0}.crypto-page .page-header h1{font-size:2.5rem}.crypto-page .page-header p{opacity:1;margin-top:.5rem;font-size:1.1rem}.crypto-page .crypto-card{background:#fff;border:none;border-radius:15px;flex-direction:column;height:100%;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 4px 15px #0000001a}.crypto-page .crypto-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000026}.crypto-page .crypto-card .card-body{text-align:center;flex-direction:column;flex-grow:1;display:flex}.crypto-page .crypto-card img.coin-logo{object-fit:contain;width:50px;height:50px;margin:0 auto 10px}.crypto-page .price-text{margin-bottom:.25rem;font-size:1.1rem;font-weight:700}.crypto-page .price-up{color:green}.crypto-page .price-down{color:red}.crypto-page .change-text{margin-bottom:.5rem;font-size:.9rem}.crypto-page .btn-primary{background:#4b6cb7;border:none}.crypto-page .btn-primary:hover{background:#182848}.crypto-page .pagination{white-space:nowrap;padding:.5rem 0;overflow-x:auto}.crypto-page .pagination .page-item{display:inline-block}@media (max-width:576px){.crypto-page .coin-card{padding-left:.5rem;padding-right:.5rem}.crypto-page .price-text{font-size:1rem}.crypto-page .change-text,.crypto-page .btn{font-size:.85rem}}