header{display:flex;justify-content:space-between;align-items:center;padding:0.8rem 2rem;box-shadow:0 4px 6px rgba(0,0,0,0.1);border-bottom:3px solid;border-image-slice:1}header h3 a{font-size:1.5rem;font-weight:bold}nav{display:flex;gap:1.5rem;align-items:center}nav a{font-size:1rem}.toggle{position:relative;display:inline-block;width:40px;height:16px}.toggle input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:0.4s;border-radius:14px}.slider:before{position:absolute;content:"";height:12px;width:12px;border-radius:50%;left:4px;top:2px;background-color:white;transition:0.4s}input:checked+.slider{background-color:#4080cf}input:checked+.slider:before{transform:translateX(20px)}@media (max-width: 600px){header{padding:0 1rem;justify-content:space-between}nav{gap:0.8rem;margin-right:0.8rem}nav h3{width:min-content}.toggle-text{display:none}}header{border-image-source:#000}body.dark-mode header{border-image-source:linear-gradient(90deg, #091a8e 0%, #5133c1 52%, #800ae8 100%)}.toggle-container{display:flex;align-items:center;gap:0.5rem;font-size:1rem;color:white}footer{text-align:center;padding:20px;border-top:3px solid;border-image-slice:1}footer .footer-content{display:flex;flex-direction:column;align-items:center}footer .social-links{margin-top:10px}footer .social-links a{display:inline-block;margin:0 10px}footer .social-links a img{width:24px;height:24px;transition:transform 0.3s ease}footer .social-links a:hover img{transform:scale(1.2)}footer{border-image-source:#000}body.dark-mode footer{border-image-source:linear-gradient(90deg, #091a8e 0%, #5133c1 52%, #800ae8 100%)}body.dark-mode .social-icon{filter:invert(1)}.projects{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:20px;padding:20px}.project-box{border-radius:8px;padding:16px;text-align:center}.project-box img{max-width:100%;height:auto;border-radius:8px}.project-btn{display:inline-block;margin-top:10px;padding:5px 8px;text-decoration:none;border-radius:100px;font-weight:bold;font-size:medium}.project-box{border:1px solid #ddd;background-color:#f0f0f0}body.dark-mode .project-box{border:1px solid #171414;background-color:#05111a}.project-btn{border:2px solid #000000;color:#000000}.project-btn:hover{background-color:#222222;color:white}body.dark-mode .project-btn{border:2px solid #007BFF;color:white}body.dark-mode .project-btn:hover{background-color:#0056b3}.project-page{max-width:900px;margin:auto;padding:20px}.project-header{display:flex;gap:20px}.project-header-img{width:300px;border-radius:10px}.project-info{flex:1}.project-info h1{font-size:28px;margin-bottom:10px}.project-links{margin-top:10px}.project-links .btn{display:inline-flex;padding:4px 5px;margin-right:10px;text-decoration:none;background:#333;color:white;border-radius:5px}.project-details{margin-top:30px}.gallery{display:flex;gap:10px}.gallery img{width:100px;border-radius:5px}.project-details ul li .tech-icon{margin-right:8px;color:#555}.project-details ul{position:relative;list-style:none;margin-left:0;padding-left:1.2em}.project-details ul li:before{content:"> ";font-weight:bolder;font-size:1.2em;position:absolute;left:0}.project-details li{padding:3px}.tech-stack{display:flex;gap:5px}.tech-item{display:flex;align-items:center;gap:8px}.tech-icon{width:24px;height:24px}.tech-stack{display:flex;flex-wrap:wrap;gap:8px}.tech-item{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:15px;font-size:14px;font-weight:500;white-space:nowrap;max-width:fit-content;flex-shrink:0}.tech-icon{width:16px;height:16px}.icon-test{width:24px;height:24px;filter:invert(1);margin-left:5px}.project-left-panel{display:flex;flex-direction:column}@media (max-width: 600px){.project-header{flex-direction:column}.about-left-panel{display:flex;flex-direction:column;align-items:center}.project-header-img{width:200px;align-self:center}.project-links{align-self:center}.project-page{padding:0}}.tech-item{background-color:#cbcbcb;color:#333}body.dark-mode .tech-item{background-color:#5d87f2;color:#333}body.dark-mode .tech-item img{filter:invert(1)}.about-content{display:flex;flex-direction:row;gap:20px;padding:15px}.about-image{max-width:300px;height:auto;border-radius:300px}.about-social{display:inline-flex;align-items:center;gap:6px;padding:4px 20px 4px 0;border-radius:15px;font-size:14px;font-weight:500;white-space:nowrap;max-width:fit-content;flex-shrink:0;transition:transform 0.3s ease}.about-social-icon{width:24px;height:24px}.about-social:hover{transform:scale(1.2)}.about-name{font-size:25px;margin:10px 0}@media (max-width: 600px){.about-content{padding:0px;flex-direction:column}.about-image{max-width:150px}}body.dark-mode .about-social img{filter:invert(1)}body{font-family:Segoe UI, sans-serif;font-size:20px;margin:0;transition:background-color 0.3s ease, color 0.3s ease;max-width:100%;overflow-x:hidden}button{transition:background-color 0.3s ease, color 0.3s ease}a{text-decoration:none;transition:color 0.3s}.content{padding:25px}h1{margin:0px}img{pointer-events:none}body{background-color:#f0f0f0;color:#000}body.dark-mode{background-color:#05111a;color:#fff}.content{background-color:#fff}body.dark-mode .content{background-color:#12232E}a{color:#333333}a:hover{color:#000000}body.dark-mode a{color:#cccccc}body.dark-mode a:hover{color:#ffffff}span{color:#000000}body.dark-mode span{color:#ffffff}ul li::before{color:#000}body.dark-mode ul li::before{color:#2ef17c}