@import "https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@300;400;500;600;700;800&display=swap";:root{--color-bg:#f4f1eb;--color-bg-alt:#ece6dc;--color-dark:#473c33;--color-darker:#2e2620;--color-brand:#b07e58;--color-brand-lt:#d9b791;--color-head:#322a24;--color-text:#3a322b;--color-muted:#75695e;--color-subtle:#a4998d;--color-label:#9a6c49;--color-cream:#f1ece4;--color-espresso:#2c1810;--color-mocha:#4a3022;--color-latte:#cbae9a;--color-accent:#b07e58;--bg-main:var(--color-bg);--bg-card:#fff9;--text-main:var(--color-text);--text-light:var(--color-muted);--text-inverse:var(--color-cream);--border-radius-lg:22px;--border-radius-md:14px;--border-radius-sm:8px;--transition:all .35s cubic-bezier(.2, .7, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;font-family:Hanken Grotesk,sans-serif;line-height:1.6;overflow-x:hidden}::selection{color:#2a231d;background:#c49a78}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:#d8cdbf;border:3px solid #f4f1eb;border-radius:8px}h1,h2,h3,h4{margin-bottom:1rem;font-weight:700;line-height:1.2}h1{font-size:3.5rem}h2{font-size:2.5rem}h3{font-size:1.75rem}p{color:var(--text-light);margin-bottom:1rem;font-size:1.125rem}a{color:var(--color-accent);transition:var(--transition);text-decoration:none}a:hover{color:var(--color-espresso)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section{padding:6rem 0}.glass{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid #fff6;box-shadow:0 8px 32px #2c18100d}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.animate-float{animation:6s ease-in-out infinite float}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:.8s ease-out forwards fadeUp}.btn{cursor:pointer;transition:var(--transition);border:none;border-radius:50px;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-family:Outfit,sans-serif;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--color-espresso);color:var(--color-cream)}.btn-primary:hover{background-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 10px 20px #e58d574d}.btn-secondary{color:var(--color-espresso);border:2px solid var(--color-espresso);background-color:#0000}.btn-secondary:hover{background-color:var(--color-espresso);color:var(--color-cream)}nav{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f5efebcc;border-bottom:1px solid #cbae9a4d;padding:1.5rem 0;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;display:flex}.logo{color:var(--color-espresso);align-items:center;gap:.5rem;font-size:1.5rem;font-weight:800;display:flex}.logo span{color:var(--color-accent)}.nav-links{gap:2rem;list-style:none;display:flex}.nav-links a{color:var(--text-main);font-weight:500;position:relative}.nav-links a:after{content:"";background-color:var(--color-accent);width:0;height:2px;transition:var(--transition);position:absolute;bottom:-4px;left:0}.nav-links a:hover:after{width:100%}.hero{align-items:center;min-height:calc(100vh - 80px);display:flex;position:relative}.hero-content{z-index:10;max-width:600px}.hero-subtitle{color:var(--color-accent);letter-spacing:2px;text-transform:uppercase;margin-bottom:1rem;font-weight:600;display:block}.hero-image-container{z-index:1;width:450px;height:450px;position:absolute;top:50%;right:5%;transform:translateY(-50%)}.blob{background:var(--color-latte);opacity:.3;z-index:-1;border-radius:40% 60% 70% 30%/40% 50% 60%;width:100%;height:100%;animation:8s ease-in-out infinite blob-morph;position:absolute;top:0;left:0}@keyframes blob-morph{0%,to{border-radius:40% 60% 70% 30%/40% 50% 60%}34%{border-radius:70% 30% 50% 50%/30% 30% 70% 70%}67%{border-radius:100% 60% 60% 100%/100% 100% 60% 60%}}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{display:inline-block;position:relative}.section-header h2:after{content:"";background:var(--color-accent);border-radius:2px;width:50px;height:4px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.about-card{border-radius:var(--border-radius-lg);flex-direction:column;gap:1rem;padding:2rem;display:flex}.tech-tags{flex-wrap:wrap;gap:.8rem;margin-top:1rem;display:flex}.tech-tag{background:var(--color-espresso);color:var(--color-cream);border-radius:50px;padding:.4rem 1rem;font-size:.9rem;font-weight:500}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;display:grid}.blog-card{border-radius:var(--border-radius-md);transition:var(--transition);flex-direction:column;height:100%;display:flex;overflow:hidden}.blog-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px #4a302226}.blog-image{background:var(--color-latte);height:200px;position:relative;overflow:hidden}.blog-image img{object-fit:cover;width:100%;height:100%;transition:var(--transition)}.blog-card:hover .blog-image img{transform:scale(1.05)}.blog-content{flex-direction:column;flex-grow:1;padding:2rem;display:flex}.blog-date{color:var(--color-accent);margin-bottom:.5rem;font-size:.85rem;font-weight:600}.blog-title{margin-bottom:1rem;font-size:1.4rem}.read-more{align-items:center;gap:.5rem;margin-top:auto;font-weight:600;display:flex}.read-more:hover{gap:.8rem}footer{background-color:var(--color-espresso);color:var(--color-cream);text-align:center;padding:4rem 0 2rem}.social-links{justify-content:center;gap:1.5rem;margin:2rem 0;display:flex}.social-link{width:50px;height:50px;color:var(--color-cream);transition:var(--transition);background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;display:flex}.social-link:hover{background:var(--color-accent);color:#fff;transform:translateY(-5px)}@media (width<=768px){h1{font-size:2.5rem}h2{font-size:2rem}.about-grid{grid-template-columns:1fr}.hero{text-align:center;flex-direction:column;padding-top:4rem}.hero-image-container{width:300px;height:300px;margin-top:3rem;position:relative;right:0;transform:none}.hero-content{flex-direction:column;align-items:center;display:flex}}