@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Syne:wght@400;500;600;700&display=swap);:root{--bg-color:#0d0d0d;--text-color:#fff;--accent-color:#fff;--secondary-text:#a0a0a0;--card-bg:#161616;--border-color:#262626;--font-main:"Inter",sans-serif;--font-display:"Inter",sans-serif;--max-width:1200px;--section-odd-bg:var(--bg-color);--section-even-bg:#0000;--header-bg-scrolled:#0d0d0d1a;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--glass-shadow:0 4px 20px #0003;--primary-btn:#fff;--primary-btn-text:#0d0d0d;--hover-overlay:#ffffff14;--bg-pattern-dark:linear-gradient(#ffffff08 1px,#0000 0),linear-gradient(90deg,#ffffff08 1px,#0000 0);--bg-pattern-light:linear-gradient(#0000000d 1px,#0000 0),linear-gradient(90deg,#0000000d 1px,#0000 0)}[data-theme=light]{--bg-color:#f3f4f6;--text-color:#111827;--secondary-text:#4b5563;--card-bg:#fff;--border-color:#e5e7eb;--header-bg-scrolled:#f3f4f61a;--glass-bg:#fff;--glass-border:#0000001a;--glass-shadow:0 4px 20px #0000000d;--primary-btn:#111827;--primary-btn-text:#fff;--hover-overlay:#0000000d}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;background-color:#0d0d0d;background-color:var(--bg-color);background-image:linear-gradient(#ffffff08 1px,#0000 0),linear-gradient(90deg,#ffffff08 1px,#0000 0);background-image:var(--bg-pattern-dark);background-position:top;background-size:50px 50px;color:#fff;color:var(--text-color);font-family:Inter,sans-serif;font-family:var(--font-main);line-height:1.6;margin:0;padding:0;transition:background-color .3s ease,color .3s ease}[data-theme=light] body{background-image:linear-gradient(#0000000d 1px,#0000 0),linear-gradient(90deg,#0000000d 1px,#0000 0);background-image:var(--bg-pattern-light)}h1,h2,h3,h4,h5,h6{font-family:Inter,sans-serif;font-family:var(--font-display);font-weight:600;line-height:1.2;margin:0 0 1rem}h1{font-size:3.5rem;letter-spacing:-.02em}h2{font-size:2.5rem;letter-spacing:-.01em}h3{font-size:1.75rem}a{color:inherit;text-decoration:none;transition:color .3s ease}img{display:block;max-width:100%}.container{margin:0 auto;max-width:1200px;max-width:var(--max-width);padding:0 24px;width:100%}section{padding:80px 0}main>div:nth-child(odd),main>section:nth-child(odd){background-color:#0d0d0d;background-color:var(--section-odd-bg);position:relative;z-index:1}main>div:nth-child(2n),main>section:nth-child(2n){background-color:initial;background-color:var(--section-even-bg)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#ddd;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#aaa}.text-secondary{color:#a0a0a0;color:var(--secondary-text)}.uppercase{font-size:.875rem;letter-spacing:.05em;text-transform:uppercase}.header{align-items:center;background:#0000;display:flex;justify-content:space-between;padding:24px 36px;position:fixed;right:0;transition:all .3s ease;z-index:1000}.header,.header:before{left:0;pointer-events:none;top:0;width:100%}.header:before{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);content:"";height:120px;mask-image:linear-gradient(180deg,#000 25%,#0000);-webkit-mask-image:linear-gradient(180deg,#000 25%,#0000);opacity:0;position:absolute;transition:opacity .4s ease;z-index:-1}.header.scrolled:before{opacity:1}.header.scrolled{background:#0000;border:none;box-shadow:none;transform:none}.header.scrolled .header-brand,.header.scrolled .header-content{background:var(--glass-bg);border-color:var(--glass-border);box-shadow:var(--glass-shadow)}.header>*{pointer-events:auto}.header-brand{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:100px;box-shadow:var(--glass-shadow);color:var(--text-color);font-family:Poppins;font-size:1.5rem;padding:12px 24px;text-decoration:none;transition:all .3s ease}.header-brand .dot{color:var(--secondary-text)}.header-brand:hover{border-color:var(--text-color);transform:translateY(-2px)}.header-content{align-items:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:100px;box-shadow:var(--glass-shadow);display:flex;gap:0;justify-content:center;padding:12px 36px;transition:all .3s ease}.logo{display:none}.logo .dot{color:#888}.desktop-nav ul{display:flex;gap:32px;list-style:none;margin:0;padding:0}.desktop-nav a{color:var(--secondary-text);font-size:.9rem;font-weight:500;text-decoration:none;transition:color .3s ease}.desktop-nav a.active,.desktop-nav a:hover,.mobile-toggle{color:var(--text-color)}.mobile-toggle{cursor:pointer;display:none}.mobile-nav{background:#1a1a1a;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 20px #0009;left:0;margin-left:auto;margin-right:auto;max-height:80vh;max-width:300px;overflow-y:auto;padding:16px;position:fixed;right:0;top:80px;width:90vw;z-index:9999}.mobile-nav ul{align-items:center;display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}@media (max-width:768px){.header{justify-content:flex-start;left:0;padding:12px 16px;right:0;top:0;transform:none;width:100%}.header-brand{display:none}.header-content{justify-content:flex-start;margin:0;max-width:none;padding:12px 24px;position:relative;width:auto}.desktop-nav{display:none}.logo,.mobile-toggle{display:block}.logo{color:var(--text-color);font-size:1.1rem;font-weight:700;text-decoration:none}}.hero-section{justify-content:center;min-height:100vh;padding-top:80px;text-align:center}.hero-container,.hero-section{align-items:center;display:flex}.hero-container{flex-direction:column;gap:32px;max-width:800px}.hero-avatar{height:120px;margin-bottom:24px;position:relative;width:120px}.hero-avatar img{border:2px solid var(--border-color);border-radius:50%;height:100%;object-fit:cover;width:100%}.hero-avatar .status-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e1e1ecc;border:1px solid var(--border-color);border-radius:100px;bottom:0;color:#fff;font-size:.75rem;padding:6px 16px;position:absolute;right:-60px;white-space:nowrap}.hero-text h1{font-size:3.5rem;font-weight:600;letter-spacing:-.04em;line-height:1.1;margin-bottom:24px}.hero-text .text-secondary{color:var(--secondary-text);font-weight:400}.hero-text p{color:var(--secondary-text);font-size:1.125rem;margin:0 auto 40px;max-width:500px}.hero-actions{display:flex;gap:16px;justify-content:center}.btn{border-radius:100px;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:500;padding:14px 32px;transition:all .3s ease}.btn-primary{background-color:#fff;color:#000}.btn-primary:hover{background-color:#e0e0e0;transform:translateY(-2px)}.btn-secondary{background-color:initial;border:2px solid var(--border-color);color:var(--text-color);font-weight:600}.btn-secondary:hover{background-color:var(--text-color);border-color:var(--text-color);color:var(--bg-color)}@media (max-width:768px){.hero-section{padding-top:60px}.hero-container{padding:0 20px}.hero-text h1{font-size:2.5rem}}@media (max-width:480px){.hero-text h1{font-size:2rem}.hero-avatar{height:100px;width:100px}.hero-actions{flex-direction:column;width:100%}.btn{justify-content:center;width:100%}}.services-section{padding:100px 0}.services-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(3,1fr);margin-top:60px}.service-card{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;display:flex;flex-direction:column;gap:20px;padding:40px;text-align:center;transition:all .3s ease}.service-card:hover{border-color:var(--text-color);box-shadow:var(--glass-shadow);transform:translateY(-5px)}.service-icon{align-items:center;background:var(--hover-overlay);border-radius:50%;color:var(--text-color);display:flex;height:56px;justify-content:center;margin-bottom:8px;width:56px}.service-card h3{color:var(--text-color);font-size:1.25rem;margin:0}.service-card p{color:var(--secondary-text);font-size:.95rem;line-height:1.6;margin:0}@media (max-width:960px){.services-grid{grid-template-columns:repeat(2,1fr);padding:0 20px}}@media (max-width:600px){.services-grid{gap:24px;grid-template-columns:1fr}.service-card{padding:24px}}.skills-section{padding:80px 0}.section-header.center{margin-bottom:40px;text-align:center}.section-header.center h2{color:var(--text-color);font-size:2rem}.skills-wrapper{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));justify-content:center;margin:0 auto;max-width:900px;padding:0 20px}@media (max-width:480px){.skills-wrapper{gap:16px;grid-template-columns:repeat(2,1fr)}.icon-box{height:64px;padding:12px;width:64px}}.skill-icon-item{cursor:default;flex-direction:column;gap:16px}.icon-box,.skill-icon-item{align-items:center;display:flex}.icon-box{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;height:80px;justify-content:center;padding:18px;transition:all .3s ease;width:80px}.icon-box img{height:100%;object-fit:contain;opacity:.9;transition:all .3s ease;width:100%}.skill-icon-item:hover .icon-box{background-color:var(--hover-overlay);border-color:var(--text-color);box-shadow:0 10px 30px #0000001a;transform:translateY(-8px)}.skill-icon-item:hover .icon-box img{filter:grayscale(0);opacity:1}.skill-name{color:var(--secondary-text);font-size:.9rem;transition:color .3s ease}.skill-icon-item:hover .skill-name{color:var(--text-color)}.skill-card:hover{box-shadow:0 8px 15px #0003;transform:translateY(-10px)}.experience-section{padding:100px 0}.timeline{border-left:2px solid var(--border-color);margin:60px auto 0;max-width:800px;padding-left:20px;position:relative}.timeline-item{margin-bottom:60px;padding-left:40px;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-dot{background-color:var(--bg-color);border:2px solid var(--text-color);border-radius:50%;height:16px;left:-9px;position:absolute;top:0;transition:all .3s ease;width:16px;z-index:1}.timeline-item:hover .timeline-dot{background-color:var(--text-color);box-shadow:0 0 0 4px var(--hover-overlay)}.timeline-date{border-radius:100px;color:var(--secondary-text);display:inline-block;font-size:.9rem;font-weight:500;margin-bottom:8px;padding:4px 12px}.timeline-content,.timeline-date{background:var(--card-bg);border:1px solid var(--border-color)}.timeline-content{border-radius:16px;padding:32px;position:relative;transition:all .3s ease}.timeline-content:hover{border-color:var(--text-color);box-shadow:0 5px 20px #0000000d;transform:translateX(5px)}.timeline-content h3{color:var(--text-color);font-size:1.25rem;margin-bottom:4px}.timeline-content h4{color:var(--text-color);display:inline-block;font-size:1rem;font-weight:400;margin-right:12px;opacity:.8}.timeline-location{color:var(--secondary-text);display:inline-block;font-size:.85rem;margin-bottom:16px}.timeline-content p{color:var(--secondary-text);font-size:.95rem;line-height:1.6;margin:0}@media (max-width:768px){.timeline{margin-top:40px;padding-left:10px}.timeline-item{margin-bottom:40px;padding-left:30px}.timeline-content{padding:20px}.timeline-content h3{font-size:1.1rem}}.work-section{padding:100px 0}.section-header{align-items:center;display:flex;gap:24px;margin-bottom:48px}.section-header h2{color:var(--text-color);font-size:1.5rem;margin:0}.section-header .line{background-color:var(--border-color);flex:1 1;height:1px}.projects-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:100px}.project-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;display:block;overflow:hidden;position:relative;text-decoration:none;transition:all .4s ease}.project-card:hover{border-color:var(--text-color);box-shadow:var(--glass-shadow);transform:translateY(-8px)}.project-image-container{aspect-ratio:16/10;background-color:var(--bg-color);border-bottom:1px solid var(--border-color);overflow:hidden;position:relative;width:100%}.project-image{height:100%;object-fit:cover;transition:transform .6s ease;width:100%}.project-card:hover .project-image{transform:scale(1.05)}.project-info{padding:24px}.project-info h3{color:var(--text-color);font-size:1.25rem;margin-bottom:8px}.project-info p{color:var(--secondary-text);font-size:.9rem}.cert-header{margin-top:80px}.certifications-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:40px}.cert-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;display:flex;flex-direction:column;justify-content:space-between;min-height:180px;padding:24px;text-decoration:none;transition:all .3s ease}.cert-card:hover{border-color:var(--text-color);box-shadow:var(--glass-shadow);transform:translateY(-5px)}.cert-top{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.cert-icon-box{align-items:center;background:var(--hover-overlay);border-radius:12px;color:var(--text-color);display:flex;height:48px;justify-content:center;width:48px}.cert-arrow{color:var(--secondary-text);transition:all .3s ease}.cert-card:hover .cert-arrow{color:var(--text-color);transform:translate(2px,-2px)}.cert-content h3{color:var(--text-color);font-size:1.1rem;line-height:1.4;margin-bottom:6px}.cert-content p{font-size:.9rem;margin-bottom:12px}.cert-content p,.cert-date{color:var(--secondary-text)}.cert-date{background:var(--bg-color);border:1px solid var(--border-color);border-radius:100px;font-size:.8rem;padding:4px 10px}.overlay{display:none}@media (max-width:768px){.projects-grid{gap:32px;grid-template-columns:1fr;padding:0 20px}.certifications-grid{padding:0 20px}}@media (max-width:480px){.cert-card,.project-info{padding:16px}.cert-card{min-height:auto}}.resume{background-color:#f4f4f4;border-bottom:2px solid #ddd;padding:80px 20px;text-align:center}.resume h2{font-size:3rem}.resume-section{padding:40px 0;text-align:center}.resume-link{align-items:center;border-radius:4px;color:var(--secondary-text);display:inline-flex;font-size:.95rem;gap:8px;padding:8px 16px;transition:all .3s ease}.resume-link:hover{background:#f5f5f5;color:var(--text-color)}@media (max-width:768px){.resume h2{font-size:2.5rem}.resume p,.resume-button{font-size:1.2rem}.resume-button{padding:15px 30px}}.contact-section{padding:120px 0 60px;text-align:center}.contact-content h2{color:var(--text-color);font-size:3rem;margin-bottom:16px}.contact-content p{color:var(--secondary-text);font-size:1.1rem;margin-bottom:40px}.email-link{align-items:center;border-bottom:2px solid var(--border-color);color:var(--text-color);display:inline-flex;font-size:1.5rem;gap:12px;margin-bottom:100px;padding-bottom:8px;text-decoration:none;transition:all .3s ease}.email-link:hover{border-bottom-color:var(--text-color);gap:16px}.footer-minimal{align-items:center;border-top:1px solid var(--border-color);color:var(--secondary-text);display:flex;flex-wrap:wrap;font-size:.9rem;gap:20px;justify-content:space-between;padding-top:40px}.footer-links{display:flex;gap:24px}.footer-links a{color:var(--secondary-text);text-decoration:none;transition:color .3s ease}.link-arrow{color:var(--secondary-text);font-size:1.5rem;opacity:0;transform:translateX(-10px);transition:all .3s ease}.contact-item:hover{border-color:var(--text-color);transform:translateX(10px)}.contact-icon{color:var(--text-color);margin-right:20px}.contact-link-item:hover .link-arrow{opacity:1;transform:translateX(0)}.minimal-footer{color:var(--secondary-text);font-size:.875rem;margin-top:auto;text-align:center}@media (max-width:768px){.contact-header h2{font-size:2.5rem}.email-link{font-size:1.1rem;margin-bottom:60px}.footer-minimal{flex-direction:column;gap:32px;text-align:center}.footer-links{flex-wrap:wrap;gap:16px;justify-content:center}}.dribbble-sidebar{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:50px;box-shadow:var(--glass-shadow);gap:12px;padding:8px;position:fixed;right:24px;top:50%;transform:translateY(-50%)!important;transition:all .3s ease;z-index:100}.dribbble-sidebar,.sidebar-group{display:flex;flex-direction:column}.sidebar-group{gap:8px}.sidebar-item{align-items:center;border-radius:50%;color:var(--secondary-text);display:flex;height:44px;justify-content:center;position:relative;text-decoration:none;transition:all .2s ease;width:44px}.sidebar-item:hover{background-color:#ffffff1a;color:#fff}.sidebar-divider{background-color:var(--border-color);height:1px;margin:0 auto;width:24px}.tooltip{background:#333;border-radius:4px;color:#fff;font-size:.75rem;opacity:0;padding:4px 8px;position:absolute;right:60px;transition:all .2s ease;visibility:hidden;white-space:nowrap}.sidebar-item:hover .tooltip{opacity:1;right:54px;visibility:visible}@media (max-width:960px){.dribbble-sidebar{display:none}}.App{text-align:center}.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)}}
/*# sourceMappingURL=main.13399550.css.map*/