:root{--background:#fff;--foreground:#171717;--asspl-red:#d71900;--asspl-blue:#10184f;--asspl-light:#f8f9fa}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body{background:var(--background);color:var(--foreground);font-family:Rubik,sans-serif}h1,h2,h3,h4,h5,h6{font-family:Varela Round,sans-serif}.btn-submit{background-color:var(--asspl-red);color:#fff;border:none;padding:10px 20px;font-size:16px;transition:background-color .3s}.btn-submit:hover{background-color:var(--asspl-blue);color:#fff}input:focus{border:2px solid #007bff;outline:none;box-shadow:0 0 5px #007bff80}.text-warning{--elixir-text-opacity:1;color:#fff!important}.hover-blue{cursor:pointer}.hover-blue:hover,.hover-blue a:hover{color:var(--asspl-blue)!important}@media (max-width:991px){.navbar-nav .dropdown-menu{float:none;box-shadow:none;background:#fff;border:none;display:none;position:static}.navbar-nav .dropdown-menu.show{display:block}}.social-link{color:#fff;align-items:center;text-decoration:none;display:flex}.social-link h5{color:#fff;margin:0;font-size:1rem;font-weight:500}.brand-icon{background:var(--asspl-red);color:#fff;border-radius:6px;justify-content:center;align-items:center;width:42px;height:42px;margin-right:15px;font-size:18px;transition:transform .3s,background-color .3s;display:flex}.social-link:hover{color:#fff!important}.social-link:hover h5{text-decoration:underline;color:#fff!important}.social-link:hover .brand-icon{background-color:var(--asspl-blue);transform:scale(1.1);color:#fff!important}.top-info-bar{padding:8px 0;font-size:12px}@media (max-width:575px){.top-info-bar .row{flex-direction:column;align-items:flex-start}.top-info-bar .top-item{text-align:left;justify-content:flex-start;align-items:center;width:100%;padding:4px 0;display:flex}.top-info-bar .top-item a{text-align:left}.top-info-bar .px-5{padding-left:0!important;padding-right:0!important}}.project-card{transition:transform .3s,box-shadow .3s;background-color:var(--asspl-light)!important;border:1px solid #eee!important}.project-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000000d}.project-card .card-body{background-color:#0000!important}.bg-200{margin-top:30px;background-color:#fff!important}.marquee{white-space:nowrap;width:100%;position:relative;overflow:hidden}.marquee-track{white-space:nowrap;animation:30s linear infinite scroll-left;display:inline-block}.marquee-track img{width:auto;height:50px;margin:0 40px}@keyframes scroll-left{0%{transform:translate(0%)}to{transform:translate(-50%)}}