:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;--bg-color: #242424;--text-color: #ffffff;--navbar-bg-color: #263238;--navbar-border-color: #11171a;--aside-bg-color: #37474f;--footer-bg-color: #1a2634;--footer-text-color: #bcddec;--menu-item-color: #5c899e;--dropdown-menu-color: #37525e;--dropdown-menu-border-color: #555;--menu-border-color: #496d7e;--dropdown-toggle-color: #39474e;--dropdown-hover-color: rgba(255, 255, 255, .2);--menu-hover-color: rgba(255, 255, 255, .2);--menu-item-hover-color: #4a90e2;--sub-item-hover: #5c899e;--home-gradient-begin: #263238;--home-gradient-2: #46607e;--home-gradient-3: #4a5b70;--home-gradient-4: #2b435f;--home-gradient-end: var(--footer-bg-color);--email-button-background: #263238;--blue-accent: blue;--blue-hover: rgb(121, 121, 180);transition:background-color .6s ease,color .6s ease,border-color .6s ease,box-shadow .6s ease}@media (prefers-color-scheme: dark){:root{--bg-color: #242424;--text-color: #ffffff;--navbar-bg-color: #263238;--aside-bg-color: #37474f;--footer-bg-color: #1a2634;--dropdown-hover-color: rgba(255, 255, 255, .2)}}.theme-light{--bg-color: #d8eff3;--text-color: #110555;--navbar-bg-color: #8db1b6;--navbar-border-color: #6f8b8f;--aside-bg-color: #779599;--footer-bg-color: #7494a3;--footer-text-color: #E8E8E8;--menu-item-color: rgba(0, 0, 0, .164);--dropdown-menu-color: #7b9dad;--dropdown-menu-border-color: #4e6874;--menu-border-color: #88aec0;--dropdown-toggle-color: #94bacc;--dropdown-hover-color: rgba(0, 0, 0, .1);--menu-hover-color: #bde8fc;--menu-item-hover-color: #a2d4eb;--sub-item-hover: rgba(17, 54, 71, .253);--home-gradient-begin: #8db1b6;--home-gradient-2: #8db6bb;--home-gradient-3: #bcd5d8;--home-gradient-4: #76989c;--home-gradient-end: #7494a3;--email-button-background: #8db6bb;--blue-accent: rgb(255, 255, 255);--blue-hover: rgb(121, 121, 180)}.theme-dark{--bg-color: #242424;--text-color: #ffffff;--navbar-bg-color: #263238;--navbar-border-color: #11171a;--aside-bg-color: #37474f;--footer-bg-color: #1a2634;--footer-text-color: #bcddec;--menu-item-color: #5c899e;--dropdown-menu-color: #37525e;--dropdown-menu-border-color: #555;--menu-border-color: #496d7e;--dropdown-toggle-color: #39474e;--dropdown-hover-color: rgba(255, 255, 255, .2);--menu-hover-color: rgba(255, 255, 255, .2);--menu-item-hover-color: #4a90e2;--sub-item-hover: #5c899e;--home-gradient-begin: #263238;--home-gradient-2: #46607e;--home-gradient-3: #4a5b70;--home-gradient-4: #2b435f;--home-gradient-end: var(--footer-bg-color);--email-button-background: #263238;--blue-accent: blue;--blue-hover: rgb(121, 121, 180)}body{margin:80px 0 0;min-width:320px;min-height:100vh;background-color:var(--bg-color);color:var(--text-color);transition:background-color .6s ease,color .6s ease,border-color .6s ease}.navbar-container{background-color:var(--navbar-bg-color);color:var(--navbar-text-color);transition:background-color .6s ease,color .6s ease}.aside-menu{background-color:var(--aside-bg-color);color:var(--aside-text-color);transition:background-color .6s ease,color .6s ease}.footer{background-color:var(--footer-bg-color);color:var(--footer-text-color);transition:background-color .6s ease,color .6s ease}.dropdown-icon:hover{background-color:var(--dropdown-hover-color);transition:background-color .3s ease}button{background-color:var(--button-bg-color);color:var(--button-text-color);border:2px solid var(--menu-border-color);border-radius:5px;transition:background-color .3s ease,border-color .3s ease}button:hover{background-color:var(--menu-hover-color)}a{color:var(--blue-accent);text-decoration:none;transition:color .3s ease}a:hover{color:var(--blue-hover)}button{border:none;padding:10px 20px;cursor:pointer}.app-container{display:flex;flex-direction:column;min-height:100vh;width:100%}.main-content{flex:1;width:100%;background:linear-gradient(180deg,var(--home-gradient-begin),var(--home-gradient-2),var(--home-gradient-3),var(--home-gradient-4),var(--home-gradient-end))}.footer{bottom:0;background-color:var(--footer-bg-color);color:var(--text-color);text-align:center;padding:15px 0;font-size:14px}.footer-container{margin:0 auto;padding:0 15px;padding-right:7.7vw}.footer-list{list-style-type:none;padding:0;margin:0;display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap}.footer-list li{display:flex;align-items:center;gap:5px;margin-bottom:10px}.footer-icon{color:var(--footer-text-color);font-size:18px}.footer-list a{color:var(--footer-text-color);text-decoration:none}.footer-list a:hover{text-decoration:underline}@media screen and (max-width: 768px){.footer{padding-right:0}.footer-list{flex-direction:column;align-items:center;gap:20px}.footer-list li{font-size:18px;width:100%;justify-content:center}}@media screen and (max-width: 480px){.footer{padding-right:0}.footer-list li{font-size:16px;gap:15px}.footer-icon{font-size:20px}}.aside-menu{z-index:6;position:fixed;top:0;left:-250px;width:250px;height:100vh;overflow-y:auto;transition:left .3s ease;margin-top:70px;padding:20px;box-sizing:border-box}ul{list-style:none;padding:0;margin:0}.menu-item{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:10px;background-color:var(--menu-item-color);border-radius:5px;transition:background-color .4s ease,color .4s ease}.menu-item:hover{background:var(--menu-item-hover-color)}.menu-link{font-size:18px}.sub-items{max-height:0;overflow:hidden;transition:max-height .3s ease;transition:margin-top .3s ease;margin-left:20px}.sub-items.expanded{max-height:500px;margin-top:10px;transition:max-height .3s ease;transition:margin-top .3s ease}.sub-item-link{text-decoration:none;font-size:16px;display:block;padding:5px 0;margin-left:25px}.sub-item-link:hover{color:var(--sub-item-hover)}.dropdown-toggle{margin-left:10px;color:var(--dropdown-toggle-color);font-weight:700;font-size:16px}.day-toggle{margin:10px 35%}.switch{display:block;--width-of-switch: 3.5em;--height-of-switch: 2em;--size-of-icon: 1.4em;--slider-offset: .3em;position:relative;width:var(--width-of-switch);height:var(--height-of-switch)}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#f4f4f5;transition:.4s;border-radius:30px}.slider:before{position:absolute;content:"";height:var(--size-of-icon,1.4em);width:var(--size-of-icon,1.4em);border-radius:20px;left:var(--slider-offset,.3em);top:50%;transform:translateY(-50%);background:linear-gradient(40deg,#ff0080,#ff8c00 70%);transition:.4s}input:checked+.slider{background-color:#303136}input:checked+.slider:before{left:calc(100% - (var(--size-of-icon,1.4em) + var(--slider-offset,.3em)));background:#303136;box-shadow:inset -3px -2px 5px -2px #8983f7,inset -10px -4px #a3dafb}nav{position:relative;width:100%}.navbar-container{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background-color:var(--navbar-bg-color);transition:background-color .4s ease,color .4s ease;position:fixed;top:0;left:0;width:99%;z-index:1000;height:60px;border-bottom:2px solid var(--navbar-border-color)}.menu-toggle{color:var(--text-color);font-size:30px;cursor:pointer}.logo{height:50px;width:50px;border-radius:50%;object-fit:cover}.image-link{height:50px;margin-top:15px;filter:brightness(0) invert(1);transition:filter .3s ease}.image-link:hover{filter:brightness(1) invert(.5)}.navbar-content{font-size:18px;display:flex;align-items:center;justify-content:space-between}.aside-menu{position:fixed;top:0;left:-250px;width:250px;height:100vh;background:var(--aside-bg-color);overflow-y:auto;transition:left .3s ease;padding:20px;box-sizing:border-box}.aside-menu.open{left:0;transition:left .4s ease,background-color .4s ease,color .4s ease}.aside-menu ul{list-style:none;padding:0;margin:0}.aside-menu li{margin-bottom:10px}.menu-link{text-decoration:none;color:var(--text-color);font-size:18px;display:block}.sub-items{padding-left:20px}.sub-item-link{text-decoration:none;color:var(--text-color);font-size:16px}.dropdown-container{position:relative;display:inline-block;cursor:pointer}.dropdown-icon{font-size:24px;color:var(--text-color);margin-right:20px;padding:5px 10px;border:1px solid;border-radius:5px;transition:background-color .2s ease}.dropdown-icon:hover{background-color:var(--dropdown-hover-color)}.dropdown-menu{position:absolute;top:40px;margin-top:8px;right:0;background:var(--dropdown-menu-color);border:2px solid var(--dropdown-menu-border-color);border-radius:5px;box-shadow:0 4px 6px #0000001a;opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease,box-shadow .3s ease;pointer-events:none}.dropdown-container:hover .dropdown-menu{opacity:1;transform:translateY(0);pointer-events:auto}.dropdown-menu ul{list-style:none;padding:10px;margin:0}.dropdown-menu li{display:block;margin-bottom:5px}.dropdown-link{padding:5px 10px;color:#fff;text-decoration:none;display:block;border-radius:10px;transition:background-color .2s ease}.dropdown-link:hover{background-color:var(--menu-border-color)}.hero-section{background:linear-gradient(180deg,var(--home-gradient-begin),var(--home-gradient-2));color:var(--text-color);padding:120px 20px 50px;text-align:center;transition:background .5s ease-in-out;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden}.project-thumbnail{height:8vh;width:auto;max-width:30vw;border-radius:10px;display:block;margin:0 auto}.name{font-size:3rem;animation:fadeIn 2s ease-out;transition:color .5s ease}.intro-text p{transition:color .5s ease;font-size:1rem;max-width:80%;margin:0 auto}.position{font-size:1.5rem;margin-top:10px;opacity:0;animation:fadeInUp 1s ease-out forwards .5s}.description{font-size:1.2rem;margin-top:20px;opacity:0;animation:fadeInUp 1s ease-out forwards 1s}.cta-button{display:block}.contact-button{background-color:var(--footer-bg-color);padding:15px 30px;border-radius:5px;font-size:1.1rem;color:var(--text-color);text-transform:uppercase;letter-spacing:1px;transition:transform .3s ease,box-shadow .3s ease,border .3s ease,color .4s ease;margin-top:30px;max-width:250px;text-align:center;z-index:1}.contact-button a{color:var(--text-color)}.contact-button:hover a{color:var(--blue-accent);transform:translateY(-10px)}.industries-section{padding:60px 20px;background:linear-gradient(180deg,var(--home-gradient-2),var(--home-gradient-3));text-align:center;transition:background .5s ease-in-out}.section-title{font-size:2rem;margin-bottom:20px;text-align:center}.industries-grid{display:flex;flex-wrap:wrap;justify-content:space-evenly;gap:20px;margin-top:40px;margin-bottom:40px}.industry-card{background-color:var(--footer-bg-color);padding:20px;border-radius:10px;box-shadow:0 2px 8px #0000001a;width:100%;max-width:300px;transition:transform .3s ease,box-shadow .3s ease,border .3s ease;margin-bottom:20px}.industry-card:hover{transform:translateY(-30px);box-shadow:0 5px 15px #0003;z-index:0}.industry-card h3{font-size:1.5rem;margin-bottom:10px;transition:color .3s ease}.industry-card:hover h3{color:var(--blue-accent)}.explore-more-button{background-color:var(--home-gradient-end);padding:15px 30px;border-radius:5px;font-size:1.1rem;color:var(--text-color);text-transform:uppercase;letter-spacing:.5px;transition:transform .3s ease,box-shadow .3s ease,border .3s ease,color .4s ease;margin-top:40px;text-align:center;width:40%}.explore-more-button:hover{transform:translateY(-5px);box-shadow:0 4px 12px #0003}.explore-more-button a{color:var(--text-color);text-decoration:none}.explore-more-button:hover a{color:var(--text-color)}.projects-section{padding:60px 20px;transition:background .5s ease-in-out}#spotlight-projects{background:linear-gradient(180deg,var(--home-gradient-3),var(--home-gradient-4))}#currently-working{background:linear-gradient(180deg,var(--home-gradient-4),var(--home-gradient-3),var(--home-gradient-4))}.project-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.project-card{background-color:var(--navbar-bg-color);padding:20px;border-radius:10px;box-shadow:0 2px 8px #0000001a;width:100%;max-width:300px;transition:transform .3s ease,box-shadow .3s ease,border .3s ease;position:relative}.industry-card h3,.project-card h3{color:var(--text-color);transition:color .3s ease;font-size:1.25rem;margin-bottom:10px}.industry-card:hover,.project-card:hover{transform:translateY(-30px);box-shadow:0 5px 15px #0003}.industry-card:hover h3,.project-card:hover h3{color:var(--blue-accent)}.industry-card p,.project-card p{color:var(--text-color);transition:color .5s ease}.email-button{background-color:var(--email-button-background);padding:15px 30px;border-radius:5px;font-size:1.1rem;color:var(--text-color);text-transform:uppercase;letter-spacing:1px;transition:transform .3s ease,box-shadow .3s ease,border .3s ease,color .4s ease,background-color .3s ease;margin-top:30px;display:inline-block;width:100%;max-width:250px;text-align:center}.email-button:hover{transform:translateY(-10px)}.email-button a{color:var(--text-color)}.email-button:hover a{color:var(--blue-accent)}.contact-section{padding:60px 20px;background:linear-gradient(180deg,var(--home-gradient-4),var(--home-gradient-end));text-align:center;transition:background .5s ease-in-out}@media screen and (max-width: 768px){.hero-section{padding:80px 20px 40px}.name{font-size:2.5rem}.intro-text p{font-size:1rem;max-width:90%}.contact-button,.email-button{max-width:100%;width:80%}.skills-section,.projects-section{padding:40px 20px}.industry-card,.project-card{max-width:90%;width:100%}.industry-card:hover,.project-card:hover{transform:none}}@media screen and (max-width: 480px){.name{font-size:2rem}.position{font-size:1.2rem}.description{font-size:1rem}.contact-button,.email-button{font-size:1rem;max-width:100%;padding:12px 20px}.skills-grid{grid-template-columns:1fr}.industry-card,.project-card{max-width:100%;padding:15px}.industry-card:hover,.project-card:hover{transform:none}}.about-container{padding:20px;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.about-description{text-align:center;margin-bottom:40px}.about-description h1{font-size:2.5rem;font-weight:700;color:var(--text-color)}.about-description p{font-size:1.1rem;margin-top:10px;line-height:1.6;color:var(--text-color)}.timeline-container{margin-top:40px}.timeline h2{font-size:1.8rem;text-align:center;margin-bottom:30px;color:var(--blue-accent)}.timeline{position:relative;display:flex;flex-direction:column;gap:50px;margin-top:60px;padding-left:100px;padding-right:100px}.timeline-years{position:absolute;top:0;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:50px;align-items:center}.timeline-year{position:absolute;top:-40px;left:50%;transform:translate(-50%);font-size:1.5rem;color:var(--text-color)}.timeline-line{position:absolute;top:-20px;padding-bottom:20px;left:50%;height:100%;width:2px;background-color:var(--blue-accent)}.timeline-item{display:flex;align-items:center;position:relative}.timeline-circle{position:absolute;left:50%;transform:translate(-50%);width:20px;height:20px;background-color:var(--text-color);border-radius:50%;border:2px solid var(--bg-color);transition:background-color .3s ease}.timeline-item:hover .timeline-circle{background-color:var(--menu-item-hover-color)}.timeline-card{z-index:1;width:80%;max-width:500px;padding:20px;background-color:var(--bg-color);border-radius:10px;box-shadow:0 4px 10px #0000001a;cursor:pointer;transition:all .3s ease}.timeline-card:hover{box-shadow:0 8px 15px #0003;transform:translateY(-5px)}.timeline-card-title{font-size:1.4rem;font-weight:700;color:var(--text-color)}.timeline-card-headline{font-size:1.1rem;margin-top:10px;color:var(--text-color)}.timeline-card:hover .timeline-card-title,.timeline-card:hover .timeline-card-headline{color:var(--blue-hover)}.timeline-item.left{flex-direction:row-reverse}.timeline-item.right{flex-direction:row}.timeline-item .timeline-card{margin-left:50px}.timeline-item .timeline-card{margin-right:50px}.timeline-item .timeline-circle{left:50%;transform:translate(-50%)}.timeline-container{position:relative}.timeline:before{content:"";position:absolute;top:0;left:50%;height:100%;width:2px;background-color:var(--text-color)}@media (max-width: 768px){.timeline-card{width:90%}.timeline h2{font-size:1.5rem}.timeline-item .timeline-card{margin-left:30px;margin-right:30px}}.project-page{display:flex;flex-direction:column;justify-content:space-between;align-items:center;min-height:100vh;padding:20px;color:var(--text-color);font-family:Arial,sans-serif;line-height:1.6;transition:background-color .5s ease,color .5s ease;box-sizing:border-box;width:100%;overflow-x:hidden}.fadeIn{animation:fadeIn 1.5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.project-header,.project-description,.project-achievements{width:100%;max-width:1200px;margin:0 auto 30px;padding:30px;border-radius:10px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;align-items:center;text-align:center;box-sizing:border-box}h1{text-align:center}.project-header{background-color:var(--aside-bg-color);color:var(--text-color);position:relative;padding:50px 30px;box-sizing:border-box;animation:fadeIn 1.5s ease-out}.project-header-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:20px}.project-main{text-align:center;margin-bottom:20px}.project-info{flex:1 1 50%;text-align:left}.project-image-placeholder{color:var(--text-color);text-align:center;padding:40px;font-size:1rem;border-radius:5px;margin-top:20px;width:120%;max-width:600px;height:auto;box-sizing:border-box;overflow:hidden;position:relative;display:flex;justify-content:center;align-items:center;animation:fadeIn 1.5s ease-out}.project-image-placeholder img{width:100%;height:100%;object-fit:contain;object-position:center;border-radius:20px}.project-description{background-color:var(--navbar-bg-color);margin-top:30px;animation:fadeIn 1.5s ease-out}.project-description h2{font-size:2rem;margin-bottom:20px}.project-description p{font-size:1.2rem}.project-achievements{animation:fadeIn 1.5s ease-out;background-color:var(--aside-bg-color);box-shadow:0 4px 12px #00000026;margin-top:30px;padding-top:40px;box-sizing:border-box}.project-achievements h3{font-size:1.8rem;margin-bottom:20px;text-align:left}.project-achievements ul{list-style-type:disc;margin:0;padding-left:20px}.project-achievements ul li{margin-bottom:15px;font-size:1.1rem;color:var(--text-color);line-height:1.8;transition:transform .3s ease,color .3s ease}.project-achievements ul li:hover{color:var(--blue-hover);transform:translate(5px)}.project-links{list-style-type:none;margin-top:20px;padding:0;display:flex;flex-direction:column;align-items:flex-end;animation:fadeIn 3s ease-out}.project-links li{font-size:1.2rem;margin-bottom:10px}.project-links a{color:var(--text-color);text-decoration:none;display:flex;align-items:center}.project-links a:hover{color:var(--blue-hover)}.project-links i{margin-left:8px;font-size:1.2rem}@media screen and (max-width: 768px){.project-header-content{flex-direction:column;align-items:center;justify-content:center;text-align:center}.project-info{text-align:center;margin-top:10px}.project-info-box{margin-top:20px;width:100%;text-align:center}.project-header{padding:50px 20px}.project-links{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;margin-top:20px;width:100%}.project-repositories a{display:block;margin:5px 0;font-size:1.2rem;color:var(--text-color);text-decoration:none;text-align:center}.project-repositories a:hover{color:var(--blue-hover)}}@media screen and (min-width: 769px){.project-header-content{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:100%}.project-main{width:30%;text-align:left;margin-bottom:20px}.project-info{flex:1 1 70%;text-align:right;padding:20px;color:var(--text-color);border-radius:10px;margin-left:20px;margin-top:30px}.project-image-placeholder img{object-fit:cover;object-position:center}}@media screen and (max-width: 480px){.project-title{font-size:2rem}.project-headline{font-size:1rem}.project-description h2,.project-achievements h3{font-size:1.5rem}.project-description p,.project-achievements ul li{font-size:1rem}}.interests-container{display:grid;grid-template-columns:1fr;gap:20px;padding:20px}.interest-card{background-color:var(--bg-color);color:var(--text-color);border-radius:10px;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease-in-out;text-align:center}.interest-card:hover{transform:translateY(-10px)}.interest-thumbnail{width:100%;height:180px;object-fit:cover;border-bottom:2px solid var(--menu-border-color)}.interest-info{padding:15px}.interest-info h3{font-size:1.5rem;margin-bottom:10px}.interest-info p{font-size:1rem;margin-bottom:5px}.achievements-list{list-style-type:disc;padding-left:10px;margin:0;list-style-position:inside}.achievements-list li{font-size:1rem;line-height:1.6}@media (min-width: 768px){.interests-container{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.interests-container{grid-template-columns:repeat(2,1fr)}.interest-info h3{font-size:1.8rem}.interest-info p{font-size:1.1rem}}@media (min-width: 1280px){.interest-info h3{font-size:2rem}.interest-info p{font-size:1.2rem}}.contacts-container{text-align:center;padding:20px;background:linear-gradient(180deg,var(--home-gradient-begin),var(--home-gradient-2),var(--home-gradient-end));color:var(--text-color);animation:fadeIn 1.5s ease-out}.contact-hero-section{padding:100px 20px;color:var(--text-color);animation:slideDown 1.5s ease-out;transition:transform .3s ease,box-shadow .3s ease,border .3s ease,color .4s ease;margin-bottom:50px}.contact-title{font-size:3rem;margin-bottom:20px;opacity:0;animation:fadeInUp 2s ease forwards}.contact-description{font-size:1.2rem;line-height:1.6;margin-bottom:40px;opacity:0;animation:fadeInUp 2s ease forwards .5s}.contact-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;padding:20px;opacity:0;animation:fadeInUp 2s ease forwards 1s}.contact-card{background-color:var(--footer-bg-color);padding:40px 20px;border-radius:10px;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;align-items:center;gap:15px;opacity:0;animation:fadeInUp 2s ease forwards 1.5s}.contact-card:hover{transform:translateY(-10px);box-shadow:0 5px 15px #0003}.contact-card h2{font-size:1.5rem;margin-bottom:10px}.contact-icon{font-size:3rem;color:var(--blue-accent);animation:popIn 1.2s ease}.contact-button{display:inline-block;background-color:var(--footer-bg-color);color:var(--text-color);border-radius:5px;text-transform:uppercase;letter-spacing:1px;transition:transform .3s ease,color .4s ease;text-decoration:none}.contact-button:hover{transform:translateY(-5px);color:var(--blue-accent)}.empty-section{flex-grow:1;min-height:30vh}@media (max-width: 768px){.contact-card{padding:30px 15px}.contact-icon{font-size:2.5rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.project-filter-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;width:100%;max-width:1200px;margin:0 auto;padding:10px 20px;box-sizing:border-box;gap:10px}.filter-section{margin-bottom:30px;padding:20px;width:100%;background-color:var(--aside-bg-color);border-radius:10px;box-shadow:0 4px 8px #0000001a}h2{font-size:2rem;margin-bottom:20px;text-align:center}.filters{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.filter-group{display:flex;flex-direction:column;align-items:center;width:100%}.filter-group label{font-weight:700;font-size:1.2rem;margin-bottom:10px;text-align:center}.filter-options{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.filter-option{padding:8px 15px;background-color:var(--home-gradient-2);border-radius:5px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.filter-option:hover{background-color:var(--primary-color);transform:scale(1.05)}.filter-option.active{background-color:var(--blue-hover);color:#fff}.projects-list{display:flex;flex-direction:column;align-items:center;gap:30px;padding:20px;width:80%;max-width:1400px;margin:0 auto;box-sizing:border-box}.project-card{background-color:var(--aside-bg-color);box-shadow:0 4px 8px #0000001a;border-radius:10px;padding:30px;text-align:center;width:100%;max-width:1000px;transition:transform .3s ease,box-shadow .3s ease;margin:0;cursor:pointer;text-decoration:none;color:inherit}.project-card h3{font-size:1.8rem;margin-bottom:15px}.project-card p{font-size:1.2rem;margin-bottom:10px}.project-thumbnail{color:var(--text-color);text-align:center;padding:40px;font-size:1rem;border-radius:5px;margin-top:20px;width:100%;max-width:600px;height:auto;box-sizing:border-box;overflow:hidden;position:relative;display:flex;justify-content:center;align-items:flex-start;animation:fadeIn 1.5s ease-out}.project-headline{font-size:1.4rem;color:var(--primary-text-color);margin:10px 0;text-align:center}.project-card:hover{transform:translateY(-5px);box-shadow:0 6px 12px #00000026}@media screen and (min-width: 769px){.filters{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:flex-start;gap:0}.filter-group{flex:1}.filter-group:nth-child(1){max-width:50%}.filter-group:nth-child(2){max-width:30%}.filter-group:nth-child(3){max-width:20%}}@media screen and (max-width: 768px){.filter-container{flex-direction:column;align-items:center}.filter-section{max-width:90%;width:100%}.project-card{max-width:90%}}@media screen and (max-width: 480px){.filter-container{padding:10px}.filter-section{text-align:center}.project-card{padding:20px;max-width:95%}}.not-found-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:linear-gradient(180deg,var(--home-gradient-begin),var(--home-gradient-3),var(--home-gradient-end));color:var(--text-color);text-align:center;font-family:Arial,sans-serif;transition:background .5s ease,color .5s ease}.not-found-content{z-index:2}.not-found-title{transition:color .5s ease}.not-found-content p{transition:color 1s ease}.not-found-title{font-size:8rem;font-weight:700;margin:0;color:var(--home-gradient-1)}.not-found-message{font-size:1.5rem;margin:10px 0 30px;color:var(--text-color)}.not-found-button{display:inline-block;background-color:var(--button-bg-color);color:var(--button-text-color);padding:10px 25px;border-radius:5px;text-decoration:none;font-size:1rem;font-weight:700;box-shadow:0 4px 8px #0003;transition:background-color .3s ease,box-shadow .3s ease,color .4s ease}.not-found-button:hover{background-color:var(--button-hover-bg-color);box-shadow:0 6px 12px #0000004d;color:var(--button-hover-text-color)}.not-found-animation{position:relative;margin-top:100px}.not-found-circle{width:200px;height:200px;border-radius:50%;background-color:var(--text-color);position:absolute;top:-50px;left:50%;transform:translate(-50%);transition:background-color .3s ease,box-shadow .3s ease,color .4s ease;animation:float 3s ease-in-out infinite}.not-found-ghost{position:relative;width:100px;height:100px;background-color:var(--home-gradient-3);border-radius:50px 50px 0 0;margin:0 auto;transition:background-color .3s ease,box-shadow .3s ease,color .4s ease;animation:float 3s ease-in-out infinite}.not-found-ghost:before,.not-found-ghost:after{content:"";position:absolute;bottom:0;width:20px;height:20px;background-color:var(--home-gradient-3);transition:background-color .3s ease,box-shadow .3s ease,color .4s ease;border-radius:50%}.not-found-ghost:before{left:-20px}.not-found-ghost:after{right:-20px}.ghost-eyes{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:space-between;width:40px}.ghost-eye{width:10px;height:10px;background-color:#333;border-radius:50%}.ghost-mouth{position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:20px;height:10px;border-radius:0 0 50% 50%;background-color:#333}@keyframes float{0%,to{transform:translateY(0) translate(-50%)}50%{transform:translateY(-10px) translate(-50%)}}.experience-page{display:flex;flex-direction:column;justify-content:space-between;align-items:center;min-height:100vh;padding:20px;color:var(--text-color);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.6;width:100%}.experience-header{display:flex;flex-direction:column;align-items:center;width:90%;max-width:1200px;margin-bottom:30px;background-color:var(--aside-bg-color);padding:20px;margin-top:20px;border-radius:10px}.experience-header-content{display:flex;flex-direction:column;align-items:center;width:100%}.experience-main{text-align:center;margin-bottom:20px}.experience-title{font-size:2rem}.experience-role{font-size:1.2rem;color:var(--secondary-text-color)}.experience-info{text-align:center;margin-top:10px}.experience-info p{font-size:1rem}.experience-image-placeholder{width:100%;max-width:600px;margin-bottom:20px;text-align:center}.experience-image-placeholder img{width:100%;height:auto;border-radius:10px}.experience-description{width:100%;max-width:800px;margin:20px auto;padding:20px;background-color:var(--navbar-bg-color);border-radius:10px;box-shadow:0 4px 8px #0000001a;text-align:center}.experience-description h2{font-size:1.8rem;margin-bottom:15px}.experience-description p{font-size:1.2rem;color:var(--text-color)}.experience-achievements{width:100%;max-width:800px;margin:20px auto;padding:20px;background-color:var(--footer-bg-color);border-radius:10px;box-shadow:0 4px 8px #0000001a}.experience-achievements h3{font-size:1.6rem;margin-bottom:15px}.experience-achievements ul{list-style-type:disc;padding-left:20px}.experience-achievements ul li{font-size:1.2rem;margin-bottom:10px}.experience-links{list-style-type:none;margin-top:20px;padding:0}.experience-links li{font-size:1.2rem;margin-bottom:10px}.experience-links a{color:var(--blue-accent);text-decoration:none;transition:color .3s ease}.experience-links a:hover{color:var(--blue-hover)}.link-icon{margin-left:8px}.experience-list-page{display:flex;flex-direction:column;align-items:center;padding:40px 20px;width:100%;max-width:1200px;margin:0 auto;box-sizing:border-box}.experience-list-page h1{font-size:2.2rem;margin-bottom:30px;color:var(--primary-text-color);text-align:center}.experience-list{list-style:none;padding:0;margin:0;width:100%;display:flex;flex-direction:column;gap:20px}.experience-list-item{background-color:var(--aside-bg-color);border-radius:16px;box-shadow:0 4px 10px #00000014;transition:transform .2s ease,box-shadow .2s ease;overflow:hidden}.experience-list-item:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001f}.experience-list-item a{display:flex;align-items:center;text-decoration:none;color:inherit;padding:24px;gap:24px;flex-wrap:nowrap}.experience-logo-wrapper{width:140px;height:100px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:10px;padding:8px}.experience-list-thumbnail{max-width:100%;max-height:100%;object-fit:contain}.experience-list-thumbnail-specific{width:100%;height:100%;max-width:300px;object-fit:cover;border-radius:8px;margin-top:50px}.experience-list-details{flex:1;display:flex;flex-direction:column;justify-content:center}.experience-list-details h2{font-size:1.4rem;margin:0 0 8px;font-weight:600;color:var(--primary-text-color)}.experience-list-details p{margin:4px 0;font-size:1rem;color:var(--secondary-text-color)}@media screen and (max-width: 600px){.experience-list-item a{flex-direction:column;align-items:center;text-align:center}.experience-logo-wrapper{width:100px;height:80px;margin-bottom:12px}.experience-list-details h2{font-size:1.2rem}.experience-list-details p{font-size:.95rem}}