*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #080C21;--color-secondary: #0088cc;--color-accent: #9370DB;--color-text: #ffffff;--color-light-text: #f0f0f0;--color-dark-text: #333333;--color-grey: #777777;--color-light-grey: #dddddd;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 8px rgba(0, 0, 0, .2);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .3);--transition: all .3s ease}html{scroll-behavior:smooth}body{font-family:Roboto,sans-serif;background-color:var(--color-primary);color:var(--color-text);line-height:1.6;overflow-x:hidden}a{text-decoration:none;color:inherit;transition:var(--transition)}button{cursor:pointer;font-family:inherit}img{max-width:100%;height:auto}.section-container{max-width:1200px;margin:0 auto;padding:0 2rem}.section-title{font-size:2.5rem;margin-bottom:3rem;text-align:center;position:relative}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background-color:var(--color-accent)}.btn{display:inline-block;padding:.8rem 2rem;border-radius:30px;font-weight:500;transition:var(--transition);cursor:pointer;border:none;text-align:center}.primary-btn{background-color:var(--color-accent);color:var(--color-text)}.primary-btn:hover{background-color:#8560d0;transform:translateY(-3px);box-shadow:var(--shadow-md)}.secondary-btn{background-color:transparent;border:2px solid var(--color-accent);color:var(--color-text)}.secondary-btn:hover{background-color:var(--color-accent);transform:translateY(-3px);box-shadow:var(--shadow-md)}.small-btn{padding:.5rem 1rem;font-size:.9rem}.navbar{position:fixed;top:0;left:0;width:100%;background-color:#080c21e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;padding:1rem 0;box-shadow:0 2px 10px #0003}.nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.nav-logo a{font-size:1.5rem;font-weight:700;font-family:Tagesschrift,sans-serif;color:var(--color-text)}.nav-logo a:hover{color:var(--color-accent)}.nav-links{display:flex;gap:2rem}.nav-links a{font-size:1rem;font-weight:500;color:var(--color-text);position:relative}.nav-links a:after{content:"";position:absolute;width:0;height:2px;bottom:-5px;left:0;background-color:var(--color-accent);transition:var(--transition)}.nav-links a:hover{color:var(--color-accent)}.nav-links a:hover:after{width:100%}.nav-links a.active{color:var(--color-accent)}.nav-links a.active:after{width:100%}.home-section{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;padding:70px 5% 0}.content{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;max-width:1200px}.left-section{flex:1;padding-right:2rem}.welcome-text{font-size:2.8rem;font-weight:700;font-family:Tagesschrift,sans-serif;margin-bottom:1rem;color:var(--color-text)}.intro-text{font-size:3rem;font-weight:500;font-family:Tagesschrift,sans-serif;margin-bottom:1rem;color:var(--color-text)}.name-highlight{color:var(--color-accent);font-family:"DM Serif Text",serif;font-style:italic;font-weight:600}.typing-text{font-size:3rem;font-weight:600;font-family:"DM Serif Text",serif;font-style:italic;color:var(--color-accent);display:block;min-height:3.2rem}.social-links{display:flex;margin:2rem 0}.social-links a{font-size:1.5rem;margin-right:1.5rem;color:var(--color-text);transition:var(--transition)}.social-links a:hover{color:var(--color-accent);transform:translateY(-3px)}.cta-buttons{display:flex;gap:1rem;margin-top:2rem}.right-section{flex:1;display:flex;justify-content:flex-end;align-items:center}.programmer-illustration{max-width:100%;height:auto;max-height:500px}.about-section{padding:6rem 0;background-color:#0a1029}.about-content{display:flex;align-items:center;gap:3rem}.about-text{flex:2}.about-text h3{font-size:2rem;margin-bottom:1.5rem;color:var(--color-accent)}.about-text p{margin-bottom:1.5rem;font-size:1.1rem}.skills{display:flex;gap:2rem;margin-top:2rem}.skill-item{flex:1}.skill-item h4{font-size:1.2rem;margin-bottom:.5rem;color:var(--color-accent)}.experience-section{padding:6rem 0}.timeline{max-width:800px;margin:0 auto;position:relative}.timeline-item{margin-bottom:3rem;position:relative;padding-left:2rem}.timeline-item:before{content:"";position:absolute;top:0;left:0;width:15px;height:15px;border-radius:50%;background-color:var(--color-accent)}.timeline-item:after{content:"";position:absolute;top:15px;left:7px;width:2px;height:calc(100% + 1rem);background-color:var(--color-accent);opacity:.4}.timeline-item:last-child:after{display:none}.timeline-content{background-color:#9370db1a;padding:1.5rem;border-radius:8px;border-left:3px solid var(--color-accent)}.timeline-content h3{font-size:1.4rem;color:var(--color-accent);margin-bottom:.3rem}.timeline-content h4{font-size:1.1rem;color:var(--color-light-text);margin-bottom:.5rem}.timeline-date{color:var(--color-grey);font-size:.9rem;margin-bottom:1rem}.projects-section{padding:6rem 0}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}.project-card{background-color:#0a1029;border-radius:10px;overflow:hidden;box-shadow:var(--shadow-md);transition:var(--transition)}.project-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-lg)}.project-image{height:200px;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.project-card:hover .project-image img{transform:scale(1.1)}.project-info{padding:1.5rem}.project-info h3{font-size:1.5rem;margin-bottom:.5rem;color:var(--color-accent)}.project-info p{margin-bottom:1rem;color:var(--color-light-text)}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.project-tags span{background-color:#9370db33;color:var(--color-accent);padding:.3rem .8rem;border-radius:20px;font-size:.8rem}.project-links{display:flex;gap:1rem}.contact-section{padding:6rem 0;background-color:#0a1029}.contact-content{display:flex;gap:3rem}.contact-info{flex:1}.contact-item{display:flex;align-items:flex-start;margin-bottom:2rem}.contact-item i{font-size:2rem;color:var(--color-accent);margin-right:1.5rem}.contact-item h3{font-size:1.2rem;margin-bottom:.5rem}.contact-form{flex:2}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500}.form-group input,.form-group textarea{width:100%;padding:.8rem;border-radius:5px;border:1px solid rgba(255,255,255,.1);background-color:#ffffff0d;color:var(--color-text);font-family:inherit;transition:var(--transition)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-accent)}.footer{background-color:#060a16;padding:4rem 0 2rem}.footer-content{display:flex;justify-content:space-between;margin-bottom:3rem}.footer-logo h3{font-size:1.5rem;margin-bottom:.5rem}.footer-social{display:flex;gap:1.5rem}.footer-social a{font-size:1.5rem}.footer-social a:hover{color:var(--color-accent)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}body.no-scroll{overflow:hidden}.menu-toggle{display:none;flex-direction:column;justify-content:space-between;width:30px;height:21px;cursor:pointer;z-index:1001;margin-left:20px;padding:0;background:transparent;border:none}.menu-toggle span{display:block;height:3px;width:100%;background-color:var(--color-text);border-radius:3px;transition:var(--transition)}.menu-toggle.active span:nth-child(1){transform:translateY(9px) rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.mobile-nav{position:fixed;top:0;right:-300px;width:300px;height:100vh;background-color:var(--color-primary);padding:80px 20px 20px;transition:.3s ease;z-index:1000;box-shadow:-5px 0 15px #0003;overflow-y:auto}.mobile-nav.active{right:0}.mobile-nav .nav-links{display:flex;flex-direction:column;gap:1.5rem}.mobile-nav .nav-links a{font-size:1.2rem;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1);text-align:left;display:block}.mobile-nav .nav-links a:last-child{border-bottom:none}.mobile-nav .nav-links a:hover,.mobile-nav .nav-links a.active{padding-left:5px}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999;opacity:0;visibility:hidden;transition:.3s ease}.overlay.active{opacity:1;visibility:visible}@media (max-width: 992px){.about-content{flex-direction:column}.about-image{max-width:500px;margin:0 auto}.contact-content{flex-direction:column}}@media (max-width: 768px){.menu-toggle{display:flex}.nav-container{flex-direction:row;justify-content:space-between;align-items:center}.nav-container .nav-links{display:none}.home-section{height:auto;min-height:100vh;padding-top:100px;padding-bottom:2rem}.content{flex-direction:column;text-align:center;padding:1rem}.left-section{padding-right:0;margin-bottom:3rem}.welcome-text,.intro-text,.typing-text{font-size:2.2rem}.social-links,.cta-buttons,.right-section{justify-content:center}.programmer-illustration{max-height:300px}.footer-content{flex-direction:column;gap:2rem;text-align:center}.footer-social{justify-content:center}}@media (max-width: 576px){.section-title{font-size:2rem}.projects-grid{grid-template-columns:1fr}.cta-buttons{flex-direction:column;gap:1rem}.btn{width:100%}.mobile-nav{width:80%;right:-80%}.nav-logo a{font-size:1.2rem}.menu-toggle{width:25px;height:18px}}