@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";:root{--max-width: 1600px;--padding-mobile: 1.5rem;--padding-desktop: 3rem;--section-horizontal-padding: var(--padding-mobile);--color-bg-dark: #0a0e27;--color-bg-black: #000000;--color-bg-light: #f8f9fa;--color-text-primary: #ffffff;--color-text-secondary: #e0e0e0;--color-text-muted: #9ca3af;--color-border: #1e2749;--color-error: #db2777;--color-error-light: #ff69b4;--color-primary: #3b82f6;--color-primary-dark: #1e40af;--color-primary-light: #60a5fa;--color-accent: #0f172a;--color-accent-light: #1e293b;--font-primary: "Poppins", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-fallback: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-size-2xs: .625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 2.5rem;--font-size-4xl: 3.5rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.5rem;--spacing-2xl: 2rem;--spacing-3xl: 3rem;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .2)}html,body{margin:0;padding:0;background-color:var(--color-bg-dark);color:var(--color-text-primary);font-family:var(--font-primary),var(--font-fallback);font-size:var(--font-size-base);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dd{margin:0;padding:0}h1{font-size:var(--font-size-4xl);font-weight:700}h2{font-size:var(--font-size-3xl);font-weight:700}h3{font-size:var(--font-size-xl);font-weight:600}p{font-size:var(--font-size-base)}.container,.container-fluid{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--padding-mobile)}@media(min-width:768px){:root{--section-horizontal-padding: var(--padding-desktop)}.container,.container-fluid{padding:0 var(--padding-desktop)}}section{width:100%;padding:var(--spacing-3xl) var(--padding-mobile)}@media(min-width:768px){section{padding:var(--spacing-3xl) var(--padding-desktop)}}section>*{max-width:var(--max-width);margin:0 auto}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--color-primary-light)}a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.btn,button{display:inline-block;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-primary);color:var(--color-text-primary);border:2px solid var(--color-primary);border-radius:var(--radius-md);font-family:var(--font-primary),var(--font-fallback);font-size:var(--font-size-base);font-weight:600;text-transform:uppercase;cursor:pointer;transition:all var(--transition-base)}.btn:hover,button:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);transform:translateY(-2px)}.btn:active,button:active{transform:translateY(0)}.btn:focus-visible,button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}input,textarea{background-color:var(--color-accent-light);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-md);font-family:var(--font-primary),var(--font-fallback);font-size:var(--font-size-base);transition:border-color var(--transition-base)}input:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}label{display:block;font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--spacing-sm);color:var(--color-text-secondary)}code{font-family:var(--font-primary),var(--font-fallback);background-color:var(--color-accent-light);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);color:var(--color-primary-light)}.about-section{width:100%;max-width:var(--max-width);margin:-var(--spacing-lg) auto 0}.about-section h2{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--spacing-2xl);text-align:center;color:var(--color-primary)}.about-section .row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);align-items:center}.about-text{line-height:1.8}.about-text p{font-size:var(--font-size-base);margin-bottom:var(--spacing-lg);color:var(--color-text-secondary)}.about-text a{color:var(--color-primary);font-weight:600;text-decoration:underline}.about-text a:hover{color:var(--color-primary-light);text-decoration:none}.about-image{display:flex;justify-content:center;align-items:center}.about-image img{width:100%;max-width:400px;height:auto;border-radius:var(--radius-lg);object-fit:cover;border:2px solid var(--color-border)}@media(max-width:768px){.about-section .row{grid-template-columns:1fr;gap:var(--spacing-xl)}.about-section h2{font-size:var(--font-size-2xl)}.about-image img{max-width:300px}}.featured-projects-wrapper{width:100%;max-width:var(--max-width);margin:0 auto}.project-header{text-align:center;margin-bottom:var(--spacing-2xl)}.project-header h2{font-size:var(--font-size-3xl);font-weight:700;margin:0 0 var(--spacing-lg) 0;color:var(--color-primary)}.project-header p{font-size:var(--font-size-base);color:var(--color-text-secondary)}.featured-projects{display:grid;gap:var(--spacing-2xl)}.project-card{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);align-items:center;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border);transition:all var(--transition-base)}.project-card:hover{transform:translateY(-4px);border-color:var(--color-primary)}.project-image{display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:var(--radius-lg);height:300px}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base)}.project-image a{display:block;text-decoration:none;width:100%;height:100%}.project-image a:hover img{transform:scale(1.05)}.project-content{padding:var(--spacing-lg);display:flex;flex-direction:column;align-items:flex-start}.project-content h3{font-size:var(--font-size-xl);margin:0 0 var(--spacing-md) 0;color:var(--color-primary);transition:color var(--transition-base)}.project-card:hover .project-content h3{color:var(--color-primary-light)}.project-content a{text-decoration:none}.project-content p{margin:var(--spacing-md) 0;line-height:1.7;color:var(--color-text-secondary)}.project-technologies{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin:var(--spacing-lg) 0;align-self:center;justify-content:center}.tag{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background:#3b82f626;border:1px solid var(--color-primary);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-primary-light)}.project-link{display:inline-block;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-primary);color:var(--color-text-primary);border:none;border-radius:var(--radius-md);font-weight:600;text-transform:uppercase;text-decoration:none;transition:all var(--transition-base);margin-top:var(--spacing-md);align-self:center}.project-link:hover{background:var(--color-primary-dark);transform:translateY(-2px)}@media(max-width:768px){.project-card{grid-template-columns:1fr;gap:var(--spacing-lg)}.project-image{height:250px}.project-header h2{font-size:var(--font-size-2xl)}}.hero-section{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);align-items:center;width:100%;max-width:var(--max-width);margin:0 auto;justify-items:center}.hero-text h1{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-lg);font-weight:700;color:var(--color-primary);line-height:1.2;letter-spacing:-.5px}.hero-text .lead{font-size:var(--font-size-lg);margin-bottom:var(--spacing-lg);color:var(--color-text-secondary);line-height:1.6}.availability{margin:var(--spacing-lg) 0;font-size:var(--font-size-base);color:var(--color-text-secondary);display:flex;align-items:center;gap:var(--spacing-md)}.availability i{color:var(--color-primary);font-size:var(--font-size-lg)}.hero-image{display:flex;justify-content:center;align-items:center;width:100%}.hero-image img{width:100%;height:auto;max-width:100%;border-radius:var(--radius-lg);object-fit:cover;border:2px solid var(--color-border)}.btn{margin-top:var(--spacing-lg)}@media(min-width:768px){.hero-section{grid-template-columns:1fr 1fr;gap:var(--spacing-2xl)}.hero-text h1{font-size:var(--font-size-3xl)}.hero-text .lead{font-size:var(--font-size-lg)}.hero-image img{max-width:500px}}@media(max-width:768px){.hero-section{grid-template-columns:1fr;gap:var(--spacing-lg);text-align:center}.hero-text h1{font-size:var(--font-size-2xl)}.hero-text .lead{font-size:var(--font-size-base)}.availability,.hero-image{justify-content:center}.hero-image img{max-width:320px}}.powered-by-section{width:100%;max-width:480px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.powered-by-text{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.tech-icons{display:flex;justify-content:center;align-items:center;gap:var(--spacing-lg);width:100%;max-width:500px}.icon{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);border-radius:var(--radius-md);border:1px solid var(--color-border);transition:all var(--transition-base)}.icon:hover{transform:translateY(-4px);border-color:var(--color-primary);background-color:var(--color-accent-light)}.icon i{font-size:var(--font-size-3xl);color:var(--color-primary);transition:color var(--transition-base)}.icon:hover i{color:var(--color-primary-light)}.icon p{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary)}.icon:hover p{color:var(--color-primary-light)}@media(max-width:768px){.powered-by-section{max-width:100%}.tech-icons{gap:var(--spacing-md);max-width:100%}.icon{padding:var(--spacing-xs)}.icon i{font-size:var(--font-size-2xl)}.icon p{font-size:var(--font-size-xs)}}.reach-me{width:100%;max-width:var(--max-width);margin:0 auto;text-align:center;padding:var(--spacing-lg) var(--section-horizontal-padding) var(--spacing-md)}.reach-me h1{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--spacing-lg);color:var(--color-primary)}.reach-me p{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.8;max-width:800px;margin:0 auto}.reach-me-cta{display:inline-flex;align-items:center;justify-content:center;margin-top:var(--spacing-xl);padding:var(--spacing-md) var(--spacing-xl);border-radius:999px;background:var(--color-primary);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.08em;text-decoration:none;border:1px solid transparent;transition:transform var(--transition-base),box-shadow var(--transition-base),background var(--transition-base),border-color var(--transition-base)}.reach-me-cta:hover{transform:translateY(-2px);background:var(--color-primary-dark);box-shadow:0 15px 30px #0f172abf}@media(max-width:768px){.reach-me h1{font-size:var(--font-size-2xl)}.reach-me p{font-size:var(--font-size-base)}}.tech-stack-banner{width:100%;display:flex;justify-content:center;align-items:center;padding:var(--spacing-2xl) var(--section-horizontal-padding)}.tech-stack{width:100%;max-width:var(--max-width);margin:0 auto;padding:var(--spacing-2xl);border-radius:var(--radius-lg);border:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--spacing-2xl)}.tech-stack-header{display:flex;flex-direction:column;gap:var(--spacing-md);align-items:center;text-align:center;max-width:40rem;margin:0 auto}.tech-stack-header h2{font-size:var(--font-size-3xl);font-weight:800;letter-spacing:.08em;color:var(--color-primary)}.tech-stack-header p{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.tech-cta-button{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-primary);color:var(--color-text-primary);border:none;border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;text-decoration:none;transition:all var(--transition-base);margin-top:var(--spacing-sm)}.tech-cta-button:hover{background:var(--color-primary-dark);transform:translateY(-2px)}.tech-stack-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}.category{border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid var(--color-border);background:#1e274966;display:flex;flex-direction:column;gap:var(--spacing-md)}.category h3{font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-muted);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.tech-items{display:flex;flex-direction:column;gap:var(--spacing-xs)}.tech-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:1px solid transparent;transition:all var(--transition-base);cursor:default}.tech-item:hover{border-color:var(--color-border);background:#3b82f614;transform:translate(4px)}.tech-icon{width:22px;height:22px;flex-shrink:0}.tech-item p{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}@media(max-width:1024px){.tech-stack-categories{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.tech-stack-banner{padding:var(--spacing-lg) var(--section-horizontal-padding)}.tech-stack{padding:var(--spacing-lg)}.tech-stack-header h2{font-size:var(--font-size-2xl)}.tech-stack-categories{grid-template-columns:1fr}.tech-item:hover{transform:none}}.now-section-wrapper{width:100%;max-width:var(--max-width);margin:0 auto}.now-section-header{text-align:center;margin-bottom:var(--spacing-3xl)}.now-section-header h2{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--spacing-lg);color:var(--color-primary)}.now-section-header p{font-size:var(--font-size-base);color:var(--color-text-secondary);max-width:700px;margin:0 auto;line-height:1.7}.now-entries{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.now-entry{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl) var(--spacing-2xl);transition:all var(--transition-base)}.now-entry:hover{border-color:var(--color-primary);transform:translateY(-2px)}.now-entry-meta{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.now-entry-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);background:#3b82f626;border:1px solid var(--color-primary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;color:var(--color-primary-light);text-transform:uppercase;letter-spacing:.05em}.now-entry-date{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.now-entry h3{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.now-entry-body p{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.8;margin-bottom:var(--spacing-md)}.now-entry-body p:last-child{margin-bottom:0}.now-entry-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.now-tag{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background:#3b82f61a;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-primary-light)}@media(max-width:768px){.now-section-header h2{font-size:var(--font-size-2xl)}.now-entry{padding:var(--spacing-lg)}.now-entry h3{font-size:var(--font-size-lg)}}