body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{font-family:Arial,sans-serif;margin:0;padding:0;color:#666}.nav{background-color:#333;position:fixed;top:0;left:0;width:100%;height:80px;display:flex;align-items:center;justify-content:center;z-index:1000}.nav ul{list-style-type:none;padding:0;margin:0;display:flex}.nav ul li{margin:0 15px}.nav ul li a{color:#fff;font-size:18px;text-decoration:none}.nav ul li a:hover{text-decoration:underline;cursor:pointer}.checkbox,.bars,.times{display:none}@media(max-width:768px){.nav{width:95vw;height:auto;flex-direction:column;align-items:flex-start;padding:20px}.nav ul{flex-direction:column;flex-wrap:wrap;height:auto;width:100%;display:none;background-color:#333;position:fixed;top:60px;left:0;z-index:1000}.nav ul.active{display:flex;width:98vw}.nav ul li{margin:10px 0;width:100%}.nav ul li a{font-size:16px;padding:10px 20px}.checkbox,.bars,.times{display:block;position:absolute;right:20px;top:6px;font-size:35px;cursor:pointer;color:#fff;z-index:2}.times{display:none}.checkbox{opacity:0}.nav input:checked~.menu{display:flex}.nav input:checked~.bars{display:none}.nav input:checked~.times{display:block}}.home-mf{position:relative;background-image:url(https://images.pexels.com/photos/5926398/pexels-photo-5926398.jpeg?auto=compress&cs=tinysrgb&w=600);background-size:cover;background-position:center;height:100vh;display:flex;justify-content:center;align-items:center;text-align:center}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080}.home-mf .content{position:relative;z-index:1;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.home-mf h1{font-size:3rem;margin:0}.home-mf p{font-size:1.5rem;margin:10px 0 0}.about-mf{padding:100px 20px;background-color:#f9f9f9}.about-content{display:flex;flex-wrap:wrap}.about-img{flex:0 0 auto;margin-right:20px}.about-info{flex:1;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding-top:40px}.title-and-links{display:flex;flex-direction:column;padding-top:60px;align-items:center}.cv-links{display:flex;gap:20px;margin-top:15px;flex-wrap:wrap}.about-info p{color:#666}.about-info-item{margin:10px}.title-s{font-weight:700;color:#333}.about-me .title-left{font-size:1.5rem;font-weight:700;color:#1e1e1e}.lead{font-size:1rem;color:#666;text-align:justify}.info-container{display:flex;flex-direction:column;margin-left:0}.cv-download-link{text-decoration:none;transition:transform .3s ease}.cv-download-link:hover{transform:translateY(-5px)}.cv-download-icon{width:80px;height:auto;margin-bottom:10px}.cv-label{font-size:14px;font-weight:600;color:#333;text-align:center}.cv-download-icon:hover{transform:scale(1.1);box-shadow:0 4px 15px #0003;filter:brightness(1.2)}.about-info-item a{text-decoration:none;transition:color .3s ease}.about-info-item a:hover{text-decoration:underline;color:#0052cc}.cv-btn{display:inline-block;padding:12px 24px;border-radius:8px;font-weight:600;text-decoration:none;transition:all .3s ease;font-size:14px}.cv-btn-primary{background:linear-gradient(135deg,#012169,#c8102e);color:#fff;border:2px solid #012169}.cv-btn-primary:hover{background:linear-gradient(135deg,#c8102e,#012169);box-shadow:0 4px 12px #0121694d}.cv-btn-secondary{background:linear-gradient(135deg,#003580,#fff);color:#003580;border:2px solid #003580}.cv-btn-secondary:hover{background:linear-gradient(135deg,#fff,#003580);color:#fff;box-shadow:0 4px 12px #0035804d}.cv-btn:hover{transform:translateY(-2px)}@media(max-width:768px){.about-mf{padding:60px 20px}}.work-mf{margin:0 auto;padding:100px 20px;background-color:#f9f9f9}.work-mf header{text-align:center}.row{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 -10px}.col-4{width:calc(33.33% - 20px);margin:0 10px}.box{height:90%;background:#f0f0f0;padding:20px;margin-bottom:20px;text-align:justify}@media(max-width:1024px){.col-4{width:calc(50% - 20px)}}@media(max-width:768px){.col-4{width:100%;margin:0}.work-mf{padding:40px 20px}}.portfolio-mf{padding:100px 20px;background-color:#f9f9f9;text-align:center}.portfolio-wrapper header{text-align:center;margin-bottom:2em}.portfolio-grid{display:flex;flex-wrap:wrap;justify-content:center}.portfolio-item{width:calc(33.33% - 2em);margin:1em;background-color:#fff;border:1px solid #dddddd;box-shadow:0 2px 4px #0000001a;transition:transform .3s ease-in-out}.portfolio-item:hover{transform:translateY(-5px)}.portfolio-item a{text-decoration:none;color:inherit}.portfolio-item .portfolio-image{overflow:hidden}.portfolio-image{width:100%;height:200px}.portfolio-item .portfolio-image img{width:100%;height:auto;transition:transform .3s ease-in-out}.portfolio-item:hover .portfolio-image img{transform:scale(1.05)}.portfolio-content{padding:1.5em}.portfolio-content h3{font-size:1.5em;margin-bottom:.5em}.portfolio-content p{font-size:1em;color:#666;line-height:1.6}@media(max-width:768px){.portfolio-item{width:calc(50% - 2em)}.portfolio-mf{padding:40px 20px}}@media(max-width:480px){.portfolio-item{width:100%;margin:.5em 0}}.skills-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin:0 auto}.skill-box{width:100%;height:150px;display:flex;justify-content:center;align-items:center;background-color:#fff;border:2px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 10px #0000001a}.skill-box:hover{transform:none;box-shadow:none}.s-title:hover{color:#444}@media(max-width:768px){.skills-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.skill-box{height:auto;padding:20px}}.title-box{text-align:center;margin-bottom:20px}.title-a{font-size:2rem}.line-mf{margin-bottom:30px}.contact-mf{background-color:#303030;color:#fff;padding:60px 20px}.container{max-width:1200px;margin:0 auto}.title-box{text-align:left;margin-bottom:40px}.contact-title-a{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:10px}.contact-subtitle-a{font-size:1.2rem;color:#b3b3b3;margin-top:10px}.line-mf{width:60px;height:4px;background-color:#b3b3b3;border-radius:3px;margin-bottom:40px;text-align:left;margin-left:0}.contact-content{margin-bottom:40px}.email-link{color:#f1eeee;font-weight:700;text-decoration:none;font-size:1.1rem}.email-link:hover{color:#fff}.social-icons{text-align:center;margin-bottom:40px}.social-icons h5{font-size:1.5rem;color:#fff;margin-bottom:20px}.social{list-style:none;padding:0;display:flex;justify-content:center;gap:20px}.social li{display:inline-block}.social a{color:#b3b3b3;font-size:2rem;transition:color .3s ease,transform .3s ease}.social a:hover{color:#fff;transform:translateY(-5px)}.social a[href*=twitter]:hover{color:#1da1f2}.social a[href*=facebook]:hover{color:#3b5998}.social a[href*=linkedin]:hover{color:#0077b5}.social a[href*=github]:hover{color:#f1eeee}footer{text-align:center;padding-top:20px;border-top:1px solid #444444}footer p{font-size:1rem;color:#757575;max-width:600px;margin:0 auto;line-height:1.6}.learning-mf{padding:80px 20px;background-color:#f3f4f6;text-align:center}header h2{font-size:2rem;color:#333;margin-bottom:40px}.achievements-row{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.badge-1,.badge-2,.badge-3{background-color:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 12px #00000026;text-align:center;width:150px;height:auto;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;justify-content:center;align-items:center}.badge-1:hover,.badge-2:hover,.badge-3:hover{transform:translateY(-8px);box-shadow:0 8px 20px #0003}.metropolia,.language,.ai{width:auto;max-width:90px;height:auto;margin-bottom:10px}.study-info{margin-top:auto;font-size:.9em;color:#555}.own-badge{display:flex;flex-direction:column;align-items:center;text-decoration:none}.middle-badge{height:auto}@media(max-width:768px){.achievements-row{gap:15px}.badge-1,.badge-2,.badge-3{width:calc(100% - 40px);margin-bottom:20px}header h2{font-size:1.5rem}}