#app-container,body,html{height:100%;margin:0;display:flex;flex-direction:column;font-family:Arial,sans-serif;background-color:#f8f9fa;color:#333}main{background-color:inherit}.container,main{flex:1}footer{background-color:#222;color:#fff;padding:15px 0;margin-top:auto;flex-shrink:0}footer,h2{text-align:center}h2{font-size:2rem;font-weight:700;margin-bottom:20px}.about-text{font-size:1.1rem;line-height:1.6}.navbar{box-shadow:0 4px 6px rgba(0,0,0,.1)}.navbar-brand{font-size:1.5rem;font-weight:700}.navbar-nav .nav-link{font-size:1.1rem;padding:10px 15px}.navbar-nav .nav-link.active{font-weight:700;color:#f8f9fa!important}#header-logo{height:40px;width:auto}.btn{padding:10px 15px;font-size:1rem;border-radius:5px;transition:all .3s ease-in-out}.btn-primary{border:none}.btn-primary,.btn-primary:hover,.btn-success{color:#f8f9fa}.btn-success{background-color:#28a745;border:none}.btn-success:hover{background-color:#1e7e34}.btn-dark{background-color:#333;color:#f8f9fa;border:none}.btn-dark:hover{background-color:#555}.filter-btn{background:#333;color:#fff;border:none;padding:8px 12px;margin:5px;cursor:pointer;border-radius:5px;font-size:14px;transition:background .3s ease}.filter-btn.active,.filter-btn:hover{background:#555}.styled-list{list-style:none;padding-left:0}.styled-list li{padding:8px 0;font-size:1.1rem}.styled-list li:before{content:"✔";color:#28a745;font-weight:700;margin-right:8px}.projects-grid{gap:20px;padding:20px}.card{position:relative;background:#fff;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:transform .3s ease-in-out;overflow:hidden;min-height:400px}.project-card .card,.projects-grid .card{min-width:250px;max-width:300px}.project-card{height:100%}.card:hover{transform:translateY(-5px)}.card-title{font-size:1.3rem;margin-bottom:10px;color:#f8f9fa}.card-img{z-index:1}.card-text-overlay{position:absolute;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);color:#f8f9fa;z-index:2}.card-text{font-size:1rem;color:#ddd}.card a{text-decoration:none;font-weight:700}.card a:hover{text-decoration:underline}.carousel-wrapper{max-width:1200px;background:linear-gradient(90deg,#f8f9fa,#e9ecef);position:relative;box-shadow:0 4px 12px rgba(0,0,0,.15);border-radius:15px;padding:20px}.carousel-wrapper:before{content:"";position:absolute;top:-6px;left:-6px;right:-6px;bottom:-6px;border-radius:18px;background:linear-gradient(45deg,#ccc,#555,#ccc);z-index:-1}.carousel-wrapper .carouselSlide{transition:opacity .3s ease,transform .3s ease-in-out}.carousel-wrapper .carouselSlide.active{transform:scale(1.05)}.carousel-wrapper .arrow{background:rgba(34,34,34,.7);color:#f8f9fa;transition:background .3s ease,transform .2s ease}.carousel-wrapper .arrow:hover{background:#555;transform:translateY(-50%) scale(1.1)}.carousel-wrapper .prev{left:15px}.carousel-wrapper .next{right:15px}.carousel-wrapper .dots{margin-top:15px}.carousel-wrapper .dot{width:12px;height:12px;margin:0 6px;transition:background .3s ease,transform .2s ease}.carousel-wrapper .dot.active{background:#333;transform:scale(1.2)}.carousel-wrapper .dot:hover{background:#555}.carousel-wrapper [class^=col-][class*="-"][class*="-"]{padding-left:10px;padding-right:10px}.social-links{margin-top:15px}.social-links a{margin-right:10px}form .form-control{border-radius:5px;border:1px solid #ccc;padding:10px}form button{background-color:#333;color:#fff;padding:10px 15px;border-radius:5px;border:none;cursor:pointer}form button:hover{background-color:#555}.intro-section{position:relative;background:linear-gradient(90deg,#f8f9fa,#e9ecef);overflow:hidden}.dark-mode .intro-section{background:linear-gradient(90deg,#2a2a2a,#1e1e1e)}.intro-left,.intro-right{padding:20px}.intro-left:after{content:"";position:absolute;top:10%;bottom:10%;left:50%;width:2px;background:linear-gradient(180deg,hsla(0,0%,80%,0),#ccc,hsla(0,0%,80%,0));transform:translateX(-50%)}.dark-mode .intro-left:after{background:linear-gradient(180deg,hsla(0,0%,40%,0),#666,hsla(0,0%,40%,0))}@media (max-width:767.98px){.intro-left:after{display:none}.intro-left,.intro-right{padding:15px}}.shadow-sm{box-shadow:0 4px 6px rgba(0,0,0,.1)}.rounded{border-radius:10px}.bg-light{background:linear-gradient(90deg,#f8f9fa,#e9ecef)}.bg-white{background:linear-gradient(90deg,#fff,#f1f1f1)}#app-container.dark-mode,body.dark-mode,html.dark-mode{background-color:#121212;color:#fff}main.dark-mode{background-color:inherit}.dark-mode .navbar,.dark-mode footer{background-color:#1a1a1a}.dark-mode h2{color:#f8f9fa}.dark-mode a{color:#4da6ff}.dark-mode a:hover{color:#66b3ff}.dark-mode .btn-primary{color:#f8f9fa}.dark-mode .btn-success{background-color:#28a745;color:#f8f9fa}.dark-mode .btn-success:hover{background-color:#1e7e34}.dark-mode .btn-dark{background-color:#555;color:#f8f9fa}.dark-mode .btn-dark:hover{background-color:#777}.dark-mode .bg-light{background:linear-gradient(90deg,#2a2a2a,#1e1e1e)}.dark-mode .bg-white{background:linear-gradient(90deg,#333,#252525)}.dark-mode .styled-list li:before{color:#28a745}.dark-mode .card{background:#1e1e1e}.dark-mode .card-text-overlay{background:rgba(0,0,0,.7)}.dark-mode .card-title{color:#f8f9fa}.dark-mode .card-text{color:#ccc}.dark-mode .carousel-wrapper{background:linear-gradient(90deg,#2a2a2a,#1e1e1e);box-shadow:0 4px 12px rgba(0,0,0,.3)}.dark-mode .carousel-wrapper:before{background:linear-gradient(45deg,#666,#999,#666)}.dark-mode .carousel-wrapper .dot{background:#666}.dark-mode .carousel-wrapper .dot.active{background:#f8f9fa}.dark-mode .carousel-wrapper .dot:hover{background:#999}.dark-mode-toggle{display:flex;align-items:center;margin-left:15px}.dark-mode-toggle input{display:none}.toggle-label{font-size:1.5rem;cursor:pointer;padding:5px 10px;border-radius:20px;color:#f8f9fa;transition:color .3s ease,background .3s ease}.toggle-label:hover{opacity:.8}body.dark-mode .toggle-label{color:#ffc107}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;border-radius:34px}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;border-radius:50%}input:checked+.slider{background-color:#28a745}input:checked+.slider:before{transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}