@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);:root{--bg-dark:#0a0a0a;--bg-darker:#0f0f0f;--bg-card:#1a1a1a;--text-primary:#fff;--text-secondary:#b0b0b0;--text-muted:grey;--accent-primary:#6366f1;--accent-secondary:#818cf8;--accent-purple:#a78bfa;--border-color:#2a2a2a;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--font-family:Inter,sans-serif;--font-mono:"Courier New",monospace;--max-width:1200px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-dark);margin:0}code{font-family:var(--font-mono)}.App{overflow-x:hidden;text-align:center;width:100%}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-family);line-height:1.6;overflow-x:hidden}body::-webkit-scrollbar{width:8px}body::-webkit-scrollbar-track{background:var(--bg-dark)}body::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:4px}body::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary)}a{color:inherit;text-decoration:none;transition:color .3s ease}button{border:none;cursor:pointer;font-family:var(--font-family);transition:all .3s ease}section{padding:var(--spacing-3xl) 0}@media (max-width:768px){section{padding:var(--spacing-2xl) 0}}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0af2;border-bottom:1px solid var(--border-color);padding:var(--spacing-md) 0;position:fixed;top:0;width:100%;z-index:1000}.navbar-container{align-items:center;display:flex;gap:60px;justify-content:space-between;margin:0 auto;max-width:var(--max-width);padding:0 var(--spacing-xl)}.navbar-logo{color:var(--text-primary);font-size:1.5rem;font-weight:700;letter-spacing:-.5px}.navbar-menu{display:flex;flex:1 1;gap:var(--spacing-2xl);justify-content:end;list-style:none;margin-left:var(--spacing-3xl)}.navbar-menu a{color:var(--text-secondary);font-size:.95rem;transition:color .3s ease}.navbar-menu a:hover{color:var(--accent-primary)}.navbar-cta{background:var(--accent-primary);border-radius:6px;color:#fff;font-size:.95rem;font-weight:600;padding:var(--spacing-sm) var(--spacing-lg)}.navbar-cta:hover{background:var(--accent-secondary);transform:translateY(-2px)}@media (max-width:768px){.navbar-menu{display:none}.navbar-container{justify-content:space-between}}.hero{align-items:center;background:radial-gradient(circle at 20% 0,#a78bfa1a 0,#0000 50%),var(--bg-dark);display:flex;min-height:100vh;padding:var(--spacing-3xl) 0}.hero-container{grid-gap:var(--spacing-3xl);align-items:center;display:grid;gap:var(--spacing-3xl);grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;padding:0 var(--spacing-xl)}.hero-label{color:var(--accent-primary);font-size:.875rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.hero-label,.hero-title{margin-bottom:var(--spacing-lg);text-align:left}.hero-title{color:var(--text-primary);font-family:Inter,sans-serif;font-optical-sizing:auto;font-size:4.5rem;font-style:normal;font-weight:900;line-height:1.1}.hero-strong{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#b0b0b0 90%);-webkit-background-clip:text;background-clip:text;display:inline-block;font-weight:900}.hero-description{color:var(--text-secondary);font-size:1.125rem;line-height:1.8;max-width:515px;text-align:left}.hero-buttons,.hero-description{margin-bottom:var(--spacing-2xl)}.hero-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-lg)}.btn{border-radius:6px;font-size:1rem;font-weight:600;padding:var(--spacing-md) var(--spacing-xl);transition:all .3s ease}.btn-primary{align-items:center;background:var(--accent-primary);color:#fff;display:flex;gap:10px}.btn-primary:hover{background:var(--accent-secondary);transform:translateY(-2px)}.btn-secondary{background:#6366f11a;border:1px solid var(--accent-primary);color:var(--text-primary)}.btn-secondary:hover{background:#6366f11a;transform:translateY(-2px)}.hero-social{align-items:center;display:flex;gap:var(--spacing-md)}.social-icon-hero{align-items:center;display:inline-flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.social-icon-hero:hover{color:var(--accent-primary)}.hero-image,.image-placeholder{align-items:center;display:flex;justify-content:center}.image-placeholder{aspect-ratio:1;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border-radius:24px;box-shadow:0 0 20px rgba(99,101,241,.021),0 0 30px rgba(167,139,250,.041);overflow:hidden;width:100%}.image-placeholder img{border-radius:24px;height:100%;object-fit:cover;width:100%}@media (max-width:968px){.hero-container{grid-template-columns:1fr}.hero-image{order:-1}}.section-label.uppercase{text-transform:uppercase}.container{margin:0 auto;max-width:var(--max-width);padding:0 var(--spacing-xl)}.about{background:var(--bg-darker);padding:var(--spacing-3xl) 0}.about-container{grid-gap:150px;display:grid;gap:150px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;padding:0 var(--spacing-xl)}.about-content{text-align:left}.about-title{color:var(--text-primary);font-size:clamp(2rem,5vw,3rem);font-weight:900;line-height:1.2}.about-text,.about-title{margin-bottom:var(--spacing-2xl)}.about-text{display:flex;flex-direction:column;gap:var(--spacing-lg);text-align:justify}.about-text p{color:var(--text-secondary);font-size:.95rem;line-height:1.8}.about-stats{display:flex;gap:var(--spacing-3xl)}.stat{flex:1 1}.stat h3{color:var(--accent-primary);font-size:2.5rem;font-weight:900;margin-bottom:var(--spacing-sm)}.stat p{color:var(--text-secondary);font-size:.95rem}.about-timeline{display:flex;flex-direction:column;justify-content:center}.timeline-title{color:var(--text-primary);font-size:1.2rem;font-weight:700;margin-bottom:var(--spacing-xl)}.timeline{background-color:#1f1f1f;border:1px solid #80808029;border-radius:25px;display:flex;flex-direction:column;gap:0;padding:30px 50px;text-align:left}.timeline-item{display:flex;gap:var(--spacing-lg);position:relative}.timeline-icon-wrapper{align-items:center;display:flex;flex-direction:column;position:relative}.timeline-dot{align-items:center;background:linear-gradient(135deg,#5b57d9,#7c78ff);border-radius:50%;display:flex;font-size:1.3rem;height:50px;justify-content:center;min-width:50px;width:50px;z-index:2}.timeline-dot,.timeline-line{margin-bottom:var(--spacing-md)}.timeline-line{background:#8484844d;border-radius:10px;height:60px;width:2px}.timeline-content{display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;margin-bottom:var(--spacing-xl);padding-top:5px}.timeline-period{color:var(--accent-primary);font-size:14px;font-weight:800;margin-bottom:var(--spacing-xs);opacity:.8}.timeline-job{color:var(--text-primary);font-size:1.05rem;font-weight:600;line-height:1.4}@media (max-width:968px){.about-container{grid-template-columns:1fr}.about-stats{flex-direction:column;gap:var(--spacing-lg)}}.skills{background:var(--bg-dark);padding:var(--spacing-3xl) 0}.skills-container{margin:0 auto;max-width:1500px;padding:0 var(--spacing-xl)}.skills-header{margin-bottom:var(--spacing-3xl);text-align:center}.skills-title{color:var(--text-primary);font-size:clamp(2rem,5vw,3rem);font-weight:900;margin-bottom:var(--spacing-lg)}.skills-description{color:var(--text-secondary);font-size:1.125rem;margin:0 auto;max-width:600px}.skills-grid{grid-gap:var(--spacing-2xl);display:grid;gap:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:var(--spacing-3xl)}.skill-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:var(--spacing-2xl);text-align:left;transition:all .3s ease}.skill-card:hover{border-color:var(--accent-primary);transform:translateY(-2px)}.skill-icon-container{display:flex;font-size:2.5rem;justify-content:left;margin-bottom:var(--spacing-lg)}.skill-icon{align-items:center;background-color:#6365f11a;border-radius:10px;color:var(--accent-primary);display:flex;height:56px;padding:0 15px}.skill-title{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin-bottom:var(--spacing-xs)}.skill-description{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:var(--spacing-lg)}.skill-items{gap:var(--spacing-lg)}.skill-item,.skill-items{display:flex;flex-direction:column}.skill-item{gap:var(--spacing-sm)}.skill-item-header{align-items:center}.skill-item-header,.skill-name{display:flex;justify-content:space-between}.skill-name{color:var(--text-primary);font-size:.9rem;font-weight:500}.skill-percentage{color:var(--accent-primary);font-size:.85rem;font-weight:600}.progress-bar{background:var(--bg-darker);border-radius:3px;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:3px;height:100%;transition:width .5s ease}.tools-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(96px,1fr))}.tools-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:center;margin-bottom:var(--spacing-xl)}.tools-title{color:var(--text-primary);font-size:1.4rem;font-weight:800;margin:0 0 var(--spacing-xs)}.tools-subtitle{color:var(--text-secondary);font-size:.95rem;margin:0}.tool-card{align-items:center;display:flex;flex-direction:column}.tool-icon{background:linear-gradient(135deg,#6365f11f,#6365f10a);border-radius:14px;display:grid;height:64px;place-items:center;width:64px}.tool-icon svg{height:34px;width:34px}.tool-name{color:var(--text-primary);font-size:14px;font-weight:700;text-align:center}@media (max-width:768px){.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tools-header{align-items:flex-start}}.portfolio{background:var(--bg-darker);padding:var(--spacing-3xl) 0}.portfolio-container{margin:0 auto;max-width:var(--max-width);padding:0 var(--spacing-xl)}.portfolio-header{margin-bottom:var(--spacing-3xl);text-align:center}.portfolio-title{color:var(--text-primary);font-size:clamp(2rem,5vw,3rem);font-weight:900;margin-bottom:var(--spacing-lg)}.portfolio-description{color:var(--text-secondary);font-size:1.125rem;margin:0 auto;max-width:700px}.portfolio-grid{grid-gap:var(--spacing-2xl);display:grid;gap:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.project-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.project-card:hover{border-color:var(--accent-primary);transform:translateY(-2px)}.project-image img{background:var(--bg-darker);height:100%;width:100%}.project-image .image-placeholder{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);height:100%;width:100%}.project-content{display:flex;flex:1 1;flex-direction:column;padding:18px 30px;text-align:left}.project-title{color:var(--text-primary);font-size:1.375rem;font-weight:700;margin-bottom:var(--spacing-sm)}.project-description{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:var(--spacing-xl)}.project-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.tag{background:#6366f11a;border-radius:20px;color:var(--accent-primary);display:inline-block;font-size:13px;font-weight:600;padding:var(--spacing-xs) var(--spacing-md)}.project-links{display:flex;gap:var(--spacing-md);margin-top:auto}.project-link{align-items:center;border-radius:6px;display:inline-flex;font-size:.9rem;font-weight:600;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s ease}.project-link.demo{background:#6366f11a;color:var(--accent-primary)}.project-link.demo:hover{background:#6366f14a}.project-link.code{border:1px solid var(--accent-primary);color:var(--text-primary)}.project-link.code:hover{background:var(--accent-primary);color:#fff}@media (max-width:768px){.portfolio-grid{grid-template-columns:1fr}}.demo-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.demo-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 40px #0006;height:min(700px,80vh);overflow:hidden;position:relative;width:min(1000px,92vw)}.demo-iframe{background:var(--bg-darker);border:none;height:100%;width:100%}.demo-modal-close{background:#00000080;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:6px 10px;position:absolute;right:10px;top:10px}.contact{padding:var(--spacing-3xl) 0}.contact-container{margin:0 auto;max-width:var(--max-width);padding:0 var(--spacing-xl)}.contact-header{margin-bottom:var(--spacing-3xl);text-align:center}.section-label{color:var(--accent-primary);font-size:.875rem;font-weight:600;letter-spacing:1px;margin-bottom:var(--spacing-md);text-transform:uppercase}.section-title{color:var(--text-primary);font-size:clamp(2rem,5vw,3rem);font-weight:900;margin-bottom:var(--spacing-lg)}.section-description{color:var(--text-secondary);font-size:1.125rem;line-height:1.6;margin:0 auto;max-width:700px}.contact-content{grid-gap:var(--spacing-3xl);align-items:start;display:grid;gap:var(--spacing-3xl);grid-template-columns:1fr 4fr}.contact-info{display:flex;flex-direction:column;gap:var(--spacing-xl)}.info-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:15px 25px;text-align:left;transition:all .3s ease}.info-card:hover{border-color:var(--accent-primary);transform:translateY(-2px)}.info-icon{align-items:center;background:#6366f11a;border-radius:10px;color:var(--accent-primary);display:flex;height:50px;justify-content:center;margin-bottom:var(--spacing-lg);width:50px}.info-card h3{color:var(--text-primary);font-size:1.125rem;font-weight:700}.info-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:var(--spacing-sm)}.location-sub{color:var(--text-secondary)!important;font-size:.95rem!important}.info-link{color:var(--accent-primary);display:inline-block;font-size:.9rem;font-weight:600;transition:all .3s ease}.info-link:hover{transform:translateX(4px)}.contact-form{gap:var(--spacing-lg)}.contact-form,.form-group{display:flex;flex-direction:column}.form-group{gap:var(--spacing-sm)}.form-group.full-width{grid-column:1/-1}.form-group label{color:var(--text-primary);font-size:.95rem;font-weight:600;text-align:left}.form-group input,.form-group textarea{background:var(--bg-darker);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:var(--font-family);font-size:.95rem;padding:var(--spacing-md) var(--spacing-lg);resize:vertical;transition:all .3s ease}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.form-group textarea{font-family:var(--font-family);line-height:1.6;min-height:150px}.form-status{animation:slideDown .3s ease;border-radius:8px;font-size:.95rem;font-weight:500;margin-bottom:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);text-align:center}.form-status.success{background:#22c55e1a;border:1px solid #22c55e4d;color:#22c55e}.form-status.error{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.contact-form .btn{align-items:center;display:flex;font-size:1rem;font-weight:600;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-md);padding:var(--spacing-md) var(--spacing-xl)}.contact-form .btn:disabled{cursor:not-allowed;opacity:.7}@media (max-width:768px){.contact-content{gap:var(--spacing-2xl);grid-template-columns:1fr}.contact-form{padding:var(--spacing-lg)}}@media (max-width:480px){.contact-container{padding:0 var(--spacing-md)}.contact-form{padding:var(--spacing-lg)}}.footer{background:var(--bg-darker);border-top:1px solid var(--border-color);margin-top:var(--spacing-3xl);padding:var(--spacing-3xl) 0 var(--spacing-xl)}.footer-container{margin:0 auto;max-width:var(--max-width);padding:0 var(--spacing-xl)}.footer-content{grid-gap:var(--spacing-3xl);display:grid;gap:var(--spacing-3xl);grid-template-columns:2fr 1fr 1fr 1.5fr;margin-bottom:var(--spacing-3xl)}.footer-section{display:flex;flex-direction:column;gap:var(--spacing-md);text-align:left}.footer-section.brand h3{background:#fff;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-sm)}.footer-section h4{color:var(--text-primary);font-size:1rem;font-weight:700;margin-bottom:var(--spacing-md)}.footer-section p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.footer-section ul{display:flex;flex-direction:column;gap:var(--spacing-sm);list-style:none}.footer-section a{align-items:center;color:var(--text-secondary);display:flex;font-size:.95rem;font-weight:500;gap:var(--spacing-sm);transition:all .3s ease}.footer-section a:hover{color:#fff;transform:translateY(4px)}.footer-section .footer-links a:hover{color:var(--accent-primary);transform:translateX(4px)}.footer-social{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md)}.social-link{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;color:var(--accent-primary);display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.social-link:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--bg-dark);transform:translateY(-2px)}.footer-bottom{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding-top:var(--spacing-xl)}.footer-credits{color:var(--text-muted);font-size:.875rem}.scroll-to-top{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;color:var(--accent-primary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.scroll-to-top:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--bg-dark);transform:translateY(-2px)}@media (max-width:1024px){.footer-content{gap:var(--spacing-2xl);grid-template-columns:1fr 1fr}.footer-section.brand{grid-column:1/-1}}@media (max-width:768px){.footer{padding:var(--spacing-2xl) 0 var(--spacing-lg)}.footer-content{gap:var(--spacing-2xl);grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:var(--spacing-lg);text-align:center}.footer-section ul{gap:var(--spacing-xs)}.footer-social{width:-webkit-fit-content;width:fit-content}}@media (max-width:480px){.footer-container{padding:0 var(--spacing-md)}.footer-content{gap:var(--spacing-xl)}.footer-section h4{font-size:.95rem}.footer-section a{font-size:.9rem}.footer-credits{font-size:.8rem}.scroll-to-top,.social-link{height:36px;width:36px}}
/*# sourceMappingURL=main.2249b0ec.css.map*/