@import"https://fonts.googleapis.com/css2?family=Lexend:wght@400;500;600;700&display=swap";:root{--chalet-green: #4a5e36;--sage-light: #e9f5e5;--sage-main: #d0e4c9;--sage-deep: #5a7747;--deep-olive: #2c3a24;--text-primary: #1a1f1a;--text-muted: #4a5547;--text-dark: #0d110c;--text-medium: #2e382b;--surface-glass: rgba(233, 245, 229, .8);--surface-glass-strong: rgba(255, 255, 255, .9);--surface-solid: #f7faf6;--border-soft: rgba(74, 94, 54, .15);--border-strong: rgba(74, 94, 54, .3);--blur: blur(12px);--shadow-soft: 0 8px 30px rgba(74, 94, 54, .15);--accent-main: var(--chalet-green);--accent-soft: var(--sage-main);--accent-deep: var(--sage-deep)}*,*:after,*:before{box-sizing:border-box}*{margin:0;padding:0;font-family:Lexend,sans-serif;scroll-behavior:smooth}body{min-height:100vh;background:linear-gradient(180deg,var(--sage-light),var(--surface-solid));color:var(--text-primary);overflow-x:hidden}.nav{position:fixed;top:1rem;left:50%;transform:translate(-50%);background:var(--surface-glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--border-soft);border-radius:14px;box-shadow:var(--shadow-soft);z-index:100;width:calc(100% - 2rem);max-width:400px}.nav ul{list-style:none;display:flex;justify-content:space-between;gap:.5rem;padding:.75rem 1rem}.nav ul li a{text-decoration:none;color:var(--text-medium);font-size:.875rem;font-weight:600;padding:.4rem .5rem;border-radius:8px;transition:background .3s ease,color .3s ease;white-space:nowrap}.nav ul li a:hover{background:#4a5e3626;color:var(--text-dark)}.hero{min-height:90vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:1.2rem;padding:1.5rem}.hero h1{font-size:2.5rem;color:var(--text-dark);font-weight:700;letter-spacing:-.5px}.hero p{max-width:100%;margin-inline:auto;color:var(--text-muted);font-size:1.1rem;line-height:1.6;padding:0 1rem}.hero .btn{margin-top:1rem;background:var(--accent-main);color:#fff;padding:.75rem 1.5rem;border-radius:999px;text-decoration:none;font-weight:600;box-shadow:0 10px 25px #4a5e3640;transition:transform .3s ease,box-shadow .3s ease,background .3s ease}.hero .btn:hover{transform:translateY(-1px);box-shadow:0 14px 40px #4a5e3659;background:var(--accent-deep)}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,rgba(74,94,54,.08) 2.5px,transparent 2.5px),linear-gradient(to bottom,rgba(74,94,54,.08) 2.5px,transparent 2.5px);background-size:40px 40px;opacity:.3;pointer-events:none;z-index:1;transition:opacity .3s ease}.hero:hover:before{opacity:.6}main{padding:2rem 1rem;display:flex;flex-direction:column;align-items:center;width:100%}.projects{padding:3rem 1rem;text-align:center;width:100%}.projects h2{font-size:1.75rem;margin-bottom:.75rem;color:var(--text-dark);font-weight:700}.projects p{color:var(--text-muted);max-width:100%;margin:0 auto;line-height:1.6;padding:0 1rem}.project-grid{margin-top:2.5rem;display:grid;grid-template-columns:1fr;gap:1.5rem;width:100%;max-width:400px;margin-left:auto;margin-right:auto}.project-card{position:relative;background:var(--surface-glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--border-soft);border-radius:18px;padding:1.5rem;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:.8rem;transition:transform .3s ease,box-shadow .3s ease;opacity:0;transform:translateY(20px);transition:transform .6s ease,opacity .6s ease,box-shadow .3s ease;width:100%}.project-card.visible{opacity:1;transform:translateY(0)}.project-card:hover{transform:translateY(-1px);box-shadow:0 18px 40px #4a5e3633;background:var(--surface-glass-strong)}.project-card img{width:42px;opacity:.9;filter:brightness(.8) contrast(1.2)}.project-card h3{color:var(--text-dark);font-weight:600;font-size:1.25rem}.project-card p{font-size:.95rem;color:var(--text-muted);line-height:1.5;text-align:left;padding:0}.project-card .tech{align-self:flex-start;font-size:.8rem;font-weight:600;color:var(--text-dark);background:#d0e4c9b3;padding:.25rem .6rem;border-radius:999px;border:1px solid var(--border-soft)}.project-card .github-link{position:absolute;bottom:1.25rem;right:1.25rem;font-size:1.8rem;color:var(--text-medium);opacity:.8;transition:transform .25s ease,color .25s ease,opacity .25s ease}.project-card:hover .github-link{opacity:1;color:var(--text-dark);transform:translateY(-2px)}.about{padding:3rem 1rem;width:100%}.about-content{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:2rem;align-items:center}.about-text{width:100%;text-align:center}.about-text h2{font-size:1.75rem;margin-bottom:1rem;color:var(--text-dark);font-weight:700}.about-text p{color:var(--text-muted);margin-bottom:1rem;line-height:1.6;text-align:left}.profile-card{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;border-radius:1.25rem;background:var(--surface-glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border-soft);box-shadow:var(--shadow-soft);width:100%;max-width:400px;margin:0 auto}.avatar{width:100px;height:100px;border-radius:50%;border:2px solid var(--accent-main);display:grid;place-items:center;background:var(--surface-solid)}.avatar img{width:84px;height:84px;border-radius:50%;object-fit:cover}.profile-card .title{font-size:1.4rem;font-weight:600;color:var(--text-dark);text-align:center}.contacts{list-style:none;display:flex;justify-content:center;gap:1.5rem;padding:1rem;border-radius:999px;background:#d0e4c966;border:1px solid var(--border-soft);width:100%;max-width:300px}.contacts a{font-size:1.5rem;color:var(--text-medium);opacity:.8;transition:transform .2s ease,color .2s ease,opacity .2s ease}.contacts a:hover{transform:translateY(-2px);color:var(--text-dark);opacity:1}.footer{padding:2rem 1rem;text-align:center;background:var(--surface-glass);border-top:1px solid var(--border-soft);margin-top:3rem;width:100%;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:var(--shadow-soft)}.footer p{color:var(--text-muted);margin-bottom:.5rem;font-size:.95rem}.footer a{color:var(--text-dark);text-decoration:none;font-weight:600;transition:color .3s ease}.footer a:hover{color:var(--accent-main);text-decoration:underline}@media(min-width:600px){.nav{max-width:500px}.nav ul{padding:.75rem 1.5rem}.nav ul li a{font-size:1rem;padding:.4rem .75rem}.hero h1{font-size:2.5rem}.hero p{max-width:500px}.projects h2{font-size:2rem}.project-grid{grid-template-columns:repeat(2,1fr);max-width:600px;gap:1.5rem}.project-card{padding:1.5rem}.about-text h2{font-size:2rem}.profile-card{max-width:450px}}@media(min-width:912px){.nav{max-width:600px}.nav ul{gap:1.5rem}.hero{padding:2rem}.hero h1{font-size:3rem}.hero p{max-width:600px;font-size:1.1rem}main{padding:2rem 3rem}.projects{padding:5rem 3rem}.projects h2{font-size:2.2rem}.projects p{max-width:700px}.project-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));max-width:none;gap:2rem}.project-card{padding:1.75rem}.about{padding:6rem 3rem}.about-content{grid-template-columns:1.2fr .8fr;display:grid;text-align:left;gap:3rem}.about-text{text-align:left}.profile-card{max-width:none;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;padding:2rem;align-items:start;gap:1.5rem}.avatar{width:72px;height:72px;align-self:center}.avatar img{width:60px;height:60px}.profile-card .title{font-size:1.2rem;align-self:center;text-align:left}.contacts{grid-column:1 / -1;justify-content:space-between;gap:.75rem;max-width:none}}@media(min-width:1200px){main{padding:2rem 5rem}.projects{padding:5rem}.about{padding:6rem 5rem}}