*{box-sizing:border-box;margin:0;padding:0}:root{--color-bg-light:#f8f9fa;--color-bg-dark:#1a1a1a;--color-text-dark:#1a1a1a;--color-text-light:#666;--color-accent:#06c;--color-accent-hover:#0052a3;--color-border:#e5e7eb;--color-white:#fff;--color-success:#059669;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-size-sm:0.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;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--max-width-container:1200px}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;background-color:var(--color-bg-light);color:#1a1a1a;color:var(--color-text-dark);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-family);margin:0;transition:background-color .3s ease,color .3s ease}body.dark-mode{background-color:#1a1a1a;background-color:var(--color-bg-dark);color:#fff;color:var(--color-white)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:2rem;margin-bottom:var(--spacing-lg)}h1{font-size:3.5rem;font-size:var(--font-size-4xl)}h2{font-size:2.5rem;font-size:var(--font-size-3xl)}h3{font-size:2rem;font-size:var(--font-size-2xl)}p{color:#666;color:var(--color-text-light);line-height:1.6;margin-bottom:1.5rem;margin-bottom:var(--spacing-md)}body.dark-mode p{color:#b0b0b0}a{color:#06c;color:var(--color-accent);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}a:hover{color:#0052a3;color:var(--color-accent-hover)}button{border:none;border-radius:.5rem;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-family);font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.container{margin:0 auto;max-width:1200px;max-width:var(--max-width-container);padding:0 2rem;padding:0 var(--spacing-lg)}@media (max-width:768px){:root{--font-size-4xl:2.5rem;--font-size-3xl:1.875rem;--spacing-2xl:2rem;--spacing-xl:1.5rem}}.App{align-items:stretch;background-color:var(--color-bg-light);display:flex;flex-direction:column;transition:background-color .3s ease;width:100%}body.dark-mode .App{background-color:var(--color-bg-dark)}.dark-mode-toggle{align-items:center;background-color:var(--color-white);border:2px solid var(--color-border);border-radius:50%;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;font-size:1.5rem;height:50px;justify-content:center;position:fixed;right:var(--spacing-lg);top:var(--spacing-lg);transition:var(--transition);width:50px;z-index:1000}body.dark-mode .dark-mode-toggle{background-color:#333;border-color:#555;box-shadow:0 2px 8px #0000004d}.dark-mode-toggle:hover{box-shadow:0 4px 12px #06c3;transform:scale(1.1)}@media (max-width:768px){.dark-mode-toggle{font-size:1.25rem;height:45px;right:var(--spacing-md);top:var(--spacing-md);width:45px}}.main-content{align-items:stretch;display:flex;flex-direction:column;width:100%}.reveal{opacity:0;position:relative;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.reveal.active{opacity:1;transform:translateY(0)}.hide{opacity:0;transform:translateY(30px)}@media (max-width:768px){.main-content{flex-direction:column}.reveal{transform:translateY(20px)}.reveal.active{transform:translateY(0)}}.projects{background-color:var(--color-bg-light);min-height:auto;padding:var(--spacing-2xl) var(--spacing-lg)}body.dark-mode .projects{background-color:#1f1f1f}.projects h1{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-2xl);text-align:center}.project-container{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:0 auto;max-width:1200px}.project-card{background:var(--color-white);border-radius:1rem;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;overflow:hidden;transition:var(--transition)}body.dark-mode .project-card{background:#242424;box-shadow:0 4px 12px #0000004d}.project-card:hover{box-shadow:0 12px 24px #0066cc26;transform:translateY(-8px)}body.dark-mode .project-card:hover{box-shadow:0 12px 24px #4da6ff33}.project-card img{display:block;height:220px;object-fit:cover;width:100%}.project-title{color:var(--color-text-dark);font-size:var(--font-size-lg);font-weight:600;margin:0;padding:var(--spacing-lg) var(--spacing-lg) 0 var(--spacing-lg)}body.dark-mode .project-title{color:var(--color-white)}.project-card a{align-items:center;color:var(--color-accent);display:flex;flex:1 1;font-size:var(--font-size-sm);font-weight:600;gap:var(--spacing-sm);padding:var(--spacing-lg);text-decoration:none}.project-card a:hover{color:var(--color-accent-hover)}@media (max-width:768px){.projects{padding:var(--spacing-xl) var(--spacing-lg)}.project-container{gap:var(--spacing-lg);grid-template-columns:1fr}.projects h1{font-size:var(--font-size-2xl)}}.skills-container{background-color:var(--color-white);padding:var(--spacing-2xl) var(--spacing-lg);text-align:center}body.dark-mode .skills-container{background-color:#242424}.skills-container h1{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-2xl)}.skills-icons{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(100px,1fr));margin:0 auto;max-width:1000px;place-items:center}.skills-icons img{cursor:pointer;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));height:80px;object-fit:contain;transition:var(--transition);width:80px}body.dark-mode .skills-icons img{filter:drop-shadow(0 4px 8px rgba(255,255,255,.1)) brightness(.9)}.skills-icons img:hover{filter:drop-shadow(0 8px 16px rgba(0,102,204,.3));transform:scale(1.15) translateY(-8px)}body.dark-mode .skills-icons img:hover{filter:drop-shadow(0 8px 16px rgba(77,166,255,.4)) brightness(1.1)}@media (max-width:768px){.skills-container{padding:var(--spacing-xl) var(--spacing-lg)}.skills-icons{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(70px,1fr))}.skills-icons img{height:60px;width:60px}.skills-container h1{font-size:var(--font-size-2xl)}}.header-container{align-items:center;background:linear-gradient(135deg,var(--color-bg-light) 0,#f0f4ff 100%);border-bottom:1px solid var(--color-border);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:var(--spacing-2xl) var(--spacing-lg);position:relative;width:100%}body.dark-mode .header-container{background:linear-gradient(135deg,var(--color-bg-dark) 0,#252a3a 100%);border-bottom-color:#333}.h1-container{animation:fadeInScale .8s ease-out;display:flex;flex-direction:column;gap:var(--spacing-lg);max-width:900px;text-align:center}.header-subtitle{animation:slideInUp .6s ease-out .1s backwards;color:var(--color-accent);font-size:var(--font-size-lg);font-weight:600;margin:0}body.dark-mode .header-subtitle{color:#4da6ff}.header-h1{-webkit-text-fill-color:#0000;animation:slideInUp .6s ease-out .2s backwards;background:linear-gradient(135deg,var(--color-accent) 0,#0052a3 100%);-webkit-background-clip:text;background-clip:text;font-size:var(--font-size-4xl);font-weight:800;letter-spacing:-.02em;line-height:1.2;margin:0}body.dark-mode .header-h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4da6ff,#80b3ff);-webkit-background-clip:text;background-clip:text}.header-tagline{animation:slideInUp .6s ease-out .3s backwards;color:var(--color-text-light);font-size:var(--font-size-lg);font-weight:500;margin:0}body.dark-mode .header-tagline{color:#b0b0b0}.header-description{animation:slideInUp .6s ease-out .4s backwards;color:var(--color-text-light);font-size:var(--font-size-base);line-height:1.8;margin:var(--spacing-lg) 0 0 0;margin-left:auto;margin-right:auto;max-width:700px}body.dark-mode .header-description{color:#b0b0b0}.header-cta{animation:slideInUp .6s ease-out .5s backwards;display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:center;margin-top:var(--spacing-xl)}.btn{border:2px solid #0000;border-radius:.5rem;cursor:pointer;font-size:var(--font-size-base);font-weight:600;padding:var(--spacing-md) var(--spacing-2xl);transition:var(--transition)}.btn-primary{background-color:var(--color-accent);color:var(--color-white)}.btn-primary:hover{background-color:var(--color-accent-hover);box-shadow:0 8px 16px #0066cc4d;transform:translateY(-2px)}.btn-secondary{background-color:initial;border:2px solid var(--color-accent);color:var(--color-accent)}.btn-secondary:hover{background-color:#0066cc1a;border-color:var(--color-accent-hover);color:var(--color-accent-hover);transform:translateY(-2px)}body.dark-mode .btn-secondary{border-color:#4da6ff;color:#4da6ff}body.dark-mode .btn-secondary:hover{background-color:#4da6ff1a;border-color:#80b3ff;color:#80b3ff}.header-scroll-hint{animation:bounce 2s infinite;bottom:var(--spacing-2xl);left:50%;position:absolute;transform:translateX(-50%)}.header-scroll-hint p{color:var(--color-text-light);font-size:var(--font-size-sm);margin:0}body.dark-mode .header-scroll-hint p{color:#b0b0b0}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-10px)}}@media (max-width:768px){.header-container{min-height:80vh;padding:var(--spacing-xl) var(--spacing-lg)}.h1-container{gap:var(--spacing-md)}.header-h1{font-size:2.5rem}.header-subtitle{font-size:var(--font-size-base)}.header-description,.header-tagline{font-size:var(--font-size-sm)}.header-cta{gap:var(--spacing-md);margin-top:var(--spacing-lg)}.btn{font-size:var(--font-size-sm);padding:var(--spacing-md) var(--spacing-lg)}.header-scroll-hint{bottom:var(--spacing-lg)}}.contact-container{align-items:center;background-color:var(--color-bg-light);display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-2xl) var(--spacing-lg)}body.dark-mode .contact-container{background-color:#1f1f1f}.contact-container .reveal{background:var(--color-white);border-radius:1rem;box-shadow:0 4px 12px #00000014;max-width:600px;padding:var(--spacing-2xl);width:100%}body.dark-mode .contact-container .reveal{background:#242424;box-shadow:0 4px 12px #0000004d}.contact-container h1{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-2xl);text-align:center}form{display:flex;flex-direction:column;gap:var(--spacing-lg)}label{color:var(--color-text-dark);display:block;font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--spacing-xs)}body.dark-mode label{color:var(--color-white)}input,textarea{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:.5rem;color:var(--color-text-dark);font-family:var(--font-family);font-size:var(--font-size-base);padding:var(--spacing-md);transition:var(--transition);width:100%}body.dark-mode input,body.dark-mode textarea{background-color:#1a1a1a;border-color:#444;color:var(--color-white)}input:focus,textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #0066cc1a;outline:none}textarea{min-height:150px;resize:vertical}.submit-btn{background-color:var(--color-accent);border:none;border-radius:.5rem;color:var(--color-white);cursor:pointer;font-size:var(--font-size-base);font-weight:600;margin-top:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);transition:var(--transition)}.submit-btn:hover{background-color:var(--color-accent-hover);box-shadow:0 8px 16px #06c3;transform:translateY(-2px)}@media (max-width:768px){.contact-container{min-height:auto;padding:var(--spacing-xl) var(--spacing-lg)}.contact-container .reveal{padding:var(--spacing-xl)}.contact-container h1{font-size:var(--font-size-2xl)}}.contact-subtitle{color:var(--color-text-light);font-size:var(--font-size-base);margin-bottom:var(--spacing-xl);text-align:center}body.dark-mode .contact-subtitle{color:#b0b0b0}.footer-container{align-items:center;background-color:var(--color-text-dark);color:var(--color-white);display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;padding:var(--spacing-xl) var(--spacing-lg);text-align:center}body.dark-mode .footer-container{background-color:#0a0a0a}.footer-container p{color:var(--color-white);font-size:var(--font-size-sm);margin:0}.footer-container a{align-items:center;background-color:#ffffff1a;border-radius:50%;display:inline-flex;height:40px;justify-content:center;transition:var(--transition);width:40px}.footer-container a:hover{background-color:var(--color-accent);transform:translateY(-4px)}.footer-container img{display:block;filter:invert(1);height:20px;width:20px}.footer-links{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:center}@media (max-width:768px){.footer-container{padding:var(--spacing-lg) var(--spacing-md)}.footer-container p{font-size:var(--font-size-xs)}.footer-links{gap:var(--spacing-md)}}
/*# sourceMappingURL=main.66b0adaf.css.map*/