body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#6366f1;--secondary-color:#06b6d4;--accent-color:#8b5cf6;--light-bg:#fafafa;--light-surface:#f5f5f5;--light-surface-container:#e5e5e5;--light-text:#1a1a1a;--dark-bg:#0a0a0a;--dark-surface:#1a1a1a;--dark-surface-container:#2a2a2a;--dark-text:#e5e5e5}body{background-color:#fafafa;background-color:var(--light-bg);color:#1a1a1a;color:var(--light-text);font-family:sans-serif;margin:0;transition:background-color .3s,color .3s}body.dark-mode{background-color:#0a0a0a;background-color:var(--dark-bg);color:#e5e5e5;color:var(--dark-text)}.app-bar{align-items:center;background-color:#f5f5f5;background-color:var(--light-surface);box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;transition:background-color .3s;z-index:1000}body.dark-mode .app-bar{background-color:#1a1a1a;background-color:var(--dark-surface)}.logo{align-items:center;display:flex}.logo img{height:40px;margin-right:1rem}.logo h1{font-size:1.5rem;margin:0}.nav-links{display:none}.nav-links.open{background-color:#f5f5f5;background-color:var(--light-surface);box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;left:0;padding:1rem;position:absolute;right:0;top:60px}body.dark-mode .nav-links.open{background-color:#1a1a1a;background-color:var(--dark-surface)}.nav-links a{color:#1a1a1a;color:var(--light-text);margin:0 1rem;text-decoration:none;transition:color .3s}body.dark-mode .nav-links a{color:#e5e5e5;color:var(--dark-text)}.nav-links a:hover{color:#6366f1;color:var(--primary-color)}.header-actions{align-items:center;display:flex}#theme-toggle,.menu-toggle{background:none;border:none;color:#1a1a1a;color:var(--light-text);cursor:pointer;font-size:1.2rem;transition:color .3s}body.dark-mode #theme-toggle,body.dark-mode .menu-toggle{color:#e5e5e5;color:var(--dark-text)}.hero-section{align-items:center;background:linear-gradient(to bottom right,#6366f11a,#06b6d40d);display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.hero-logo{height:100px;margin-bottom:1rem;width:100px}.hero-content h2{font-size:3rem;margin:0}.hero-content p{font-size:1.2rem;margin:1rem 0;max-width:600px}.hero-buttons{margin-top:2rem}.btn{border-radius:8px;margin:0 .5rem;padding:1rem 2rem;text-decoration:none;transition:background-color .3s,color .3s}.btn-primary{background-color:#6366f1;background-color:var(--primary-color);color:#fff}.btn-secondary{background-color:initial;border:1px solid #6366f1;border:1px solid var(--primary-color);color:#6366f1;color:var(--primary-color)}.about-section,.portfolio-section{padding:4rem 2rem}.about-content,.skills{margin-bottom:2rem}.skill-tags span{background-color:#e5e5e5;background-color:var(--light-surface-container);border-radius:8px;display:inline-block;margin:.5rem;padding:.5rem 1rem;transition:background-color .3s}body.dark-mode .skill-tags span{background-color:#2a2a2a;background-color:var(--dark-surface-container)}.portfolio-placeholder{background-color:#f5f5f5;background-color:var(--light-surface);border:2px dashed #6366f1;border:2px dashed var(--primary-color);border-radius:16px;padding:4rem 2rem;text-align:center;transition:background-color .3s}body.dark-mode .portfolio-placeholder{background-color:#1a1a1a;background-color:var(--dark-surface)}.portfolio-placeholder i{color:#6366f1;color:var(--primary-color);font-size:3rem}.footer-section{background-color:#e5e5e5;background-color:var(--light-surface-container);padding:2rem;text-align:center;transition:background-color .3s}body.dark-mode .footer-section{background-color:#2a2a2a;background-color:var(--dark-surface-container)}.social-links a{color:#1a1a1a;color:var(--light-text);font-size:1.5rem;margin:0 1rem;transition:color .3s}body.dark-mode .social-links a{color:#e5e5e5;color:var(--dark-text)}@media (min-width:800px){.nav-links{display:flex}.menu-toggle{display:none}.about-section{align-items:flex-start;display:flex;justify-content:space-between}.about-content,.skills{flex-basis:48%}}.portfolio-page{padding:4rem 2rem}.portfolio-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.portfolio-item{background-color:#f5f5f5;background-color:var(--light-surface);border-radius:16px;box-shadow:0 4px 8px #0000001a;overflow:hidden;transition:transform .3s,box-shadow .3s}body.dark-mode .portfolio-item{background-color:#1a1a1a;background-color:var(--dark-surface)}.portfolio-item:hover{box-shadow:0 8px 16px #0000001a;transform:translateY(-5px)}.portfolio-item-placeholder{padding:2rem;text-align:center}.portfolio-item-placeholder i{color:#6366f1;color:var(--primary-color);font-size:3rem}.portfolio-item-placeholder h3{font-size:1.5rem;margin:1rem 0}.portfolio-item-placeholder p{margin-bottom:1.5rem}
/*# sourceMappingURL=main.97f6796b.css.map*/