@import"https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Space+Grotesk:wght@300..700&display=swap";:root{font-family:Space Grotesk,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dm-mono-regular{font-family:DM Mono,monospace;font-weight:400;font-style:normal}.space-grotesk{font-family:Space Grotesk,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.projects-section{max-width:1100px;margin:4rem auto;padding:0 1.5rem}.projects-title{text-align:center;font-size:2rem;margin-bottom:2.5rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:2rem}.loading,.error{text-align:center;opacity:.8}.project-card{width:20%;min-width:250px;display:flex;flex-direction:column;align-items:center;border:1px solid grey;background-color:var(--dark-card);border-radius:var(--radius);margin:1em;padding:1em;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease,background-color .4s ease}.project-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}.project-img{width:128px;height:128px;margin:auto;border-radius:8px}@media (max-width: 768px){.project-card{width:80%;margin-bottom:1rem}}.light-mode .project-card{background-color:var(--light-card);border:1px solid lightgray}.nav-wrapper{width:100%;position:sticky;top:0;z-index:50;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(0,0,0,.08);padding:.75rem 0;transition:background .4s ease,border-color .4s ease}.nav-wrapper.light{background:#aeaaa48c;border-color:#bf7b3f4d}.nav-wrapper.dark{background:#00000073;border-color:#c3c3c340}.nav-content{width:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.logo{height:54px;width:auto;cursor:pointer;transition:transform .25s ease}.logo:hover{transform:translateY(-2px) scale(1.02)}.light-toggle{width:60px;height:60px;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.light-toggle:hover{transform:rotate(12deg) scale(1.1);opacity:.85}.nav-wrapper.scrolled{padding:.35rem 0}.nav-wrapper.scrolled .logo{height:44px}.header{position:relative;width:100vw;background-color:#6a6a5a}.hero{width:100%;min-height:90vh;display:flex;align-items:center;justify-content:center;padding:4rem 2rem;position:relative;overflow:hidden;background:linear-gradient(180deg,#2f5d46,#456b54 40%,#6b4f3a);transition:background .5s ease,color .5s ease}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:url(https://www.transparenttextures.com/patterns/asfalt-dark.png);opacity:.4;transition:opacity .5s ease}body:not(.light-mode) .hero{background:linear-gradient(180deg,#142a41,#1e314b,#422c54);color:#f5f5f5}.hero-content{display:flex;align-items:center;gap:3rem;max-width:1100px;z-index:2}.hero-photo-wrapper{flex-shrink:0}.hero-photo{width:260px;height:260px;object-fit:cover;border-radius:50%;border:6px solid #f6f1e9;box-shadow:0 8px 20px #0000004d}.hero-text{max-width:500px}.hero-text h1{font-size:3.6rem;font-weight:600;margin-bottom:1rem;letter-spacing:1px}.hero-text h2{font-size:1.8rem;line-height:1.5;opacity:.95}.hero-forest{position:absolute;bottom:0;left:0;width:110%;opacity:.25;transform:translateY(20px);pointer-events:none;transition:opacity .5s ease}@media (max-width: 768px){.hero-content{flex-direction:column;text-align:center}}.about-section{max-width:1100px;margin:4rem auto;padding:0 1.5rem}.about-header{text-align:center;margin-bottom:3rem}.about-photo{width:130px;height:130px;border-radius:50%;object-fit:cover;border:4px solid rgba(255,255,255,.6);box-shadow:0 6px 16px #00000026;margin-bottom:1rem}.about-intro{max-width:650px;margin:.5rem auto 0;font-size:1.1rem;line-height:1.6;opacity:.85}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:2rem}.about-card{padding:1.8rem;border-radius:16px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:#ffffff8c;border:1px solid rgba(189,142,90,.2);box-shadow:0 6px 18px #00000014;transition:transform .25s ease,box-shadow .25s ease}.dark .about-card{background:#18241d73;border-color:#96a07840;box-shadow:0 8px 18px #00000040}.about-card:hover{transform:translateY(-4px)}.about-card h3{margin-bottom:.75rem}.about-card p{line-height:1.6;opacity:.9}.about-card ul{margin-top:.75rem;padding-left:1.2rem}.about-card li{margin-bottom:.4rem;line-height:1.5}.contact{display:flex;justify-content:space-around;flex-direction:column;font-family:DM Sans,sans-serif;width:90%;background-color:var(--dark-card);padding:1em;border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:background-color .4s ease}.light-mode .contact{background-color:var(--light-card)}@media (max-width: 768px){.contact{flex-direction:column;align-items:center}}:root{--radius: 12px;--shadow-sm: 0 2px 6px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .25);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .3);--dark-bg: #1a1a1a;--dark-card: #2a2a2a;--dark-accent: #3a3a3a;--light-bg: #dfe3db;--light-card: #ffffff;--light-accent: #e4e0e7}body{transition:background-color .4s ease,color .4s ease;--ripple-color: var(--dark-bg)}body.light-mode{--ripple-color: var(--light-bg);background-color:var(--light-bg);color:#111}body:not(.light-mode){background-color:var(--dark-bg);color:#f5f5f5}.root{max-width:100%;margin:0 auto;padding:2rem;text-align:center}.App{display:flex;flex-direction:column;align-items:center;background-color:var(--dark-bg);transition:background-color .4s ease}.light-mode .App{background-color:var(--light-bg)}hr{width:60%}footer{display:flex;align-items:center;justify-content:space-between;width:100%;margin:0 auto;background-color:#423c44d9;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);box-shadow:var(--shadow-sm);transition:background-color .4s ease,color .4s ease;color:#f5f5f5;font-size:.9rem}.light-mode footer{background:#aeaaa48c;color:#111}footer span{margin-right:2%}footer a{color:inherit;text-decoration:none;font-weight:600}footer a:hover{text-decoration:underline}.smolskul{height:30px;width:30p padding-left: 1%;border-radius:50%}.theme-transition-wrapper{position:relative;overflow:hidden}.theme-ripple{position:fixed;width:200vmax;height:200vmax;background-color:var(--ripple-color);border-radius:50%;transform:scale(0);opacity:.5;pointer-events:none;z-index:1000}.theme-ripple.animate{animation:rippleEffect .8s ease-out}@keyframes rippleEffect{0%{transform:scale(0);opacity:.5}to{transform:scale(4);opacity:0}}