@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);.navbar{left:0;padding:1rem 0;position:fixed;top:0;transition:background-color var(--transition-speed),padding var(--transition-speed),box-shadow var(--transition-speed);width:100%;z-index:1000}.navbar.scrolled{background-color:var(--surface-color);box-shadow:var(--box-shadow);padding:.75rem 0}.navbar-container{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem;width:100%}.navbar-logo{color:var(--text-primary);font-size:1.5rem;font-weight:700;transition:color var(--transition-speed)}.navbar-logo:hover{color:var(--primary-color)}.nav-menu{align-items:center;display:flex;list-style:none}.nav-item{margin-left:2rem}.nav-link{color:var(--text-primary);font-weight:500;position:relative;transition:color var(--transition-speed)}.nav-link.active,.nav-link:hover{color:var(--primary-color)}.nav-link:after{background-color:var(--primary-color);bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width var(--transition-speed);width:0}.nav-link.active:after,.nav-link:hover:after{width:100%}.menu-icon{cursor:pointer;display:none}@media (max-width:768px){.navbar-container{padding:0 1rem}.menu-icon{display:block}.nav-menu{background-color:var(--surface-color);border-radius:0 0 var(--border-radius) var(--border-radius);box-shadow:var(--box-shadow);display:flex;flex-direction:column;left:0;opacity:0;padding:1rem 0;position:absolute;top:100%;transform:translateY(-20px);transition:opacity var(--transition-speed),visibility var(--transition-speed),transform var(--transition-speed);visibility:hidden;width:100%}.nav-menu.active{opacity:1;transform:translateY(0);visibility:visible}.nav-item{margin:.5rem 0;text-align:center;width:100%}.nav-link{display:block;padding:.5rem 0}.nav-link:after{display:none}}.typewriter{display:inline;position:relative}.typewriter-text{color:var(--primary-color);font-weight:inherit}.typewriter-cursor{animation:blink 1s step-end infinite;color:var(--primary-color);display:inline-block;font-weight:700;margin-left:2px}.typewriter-cursor.paused{animation:none}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.recent-work-showcase{margin:4rem 0;overflow:hidden;position:relative;width:100%}.showcase-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem;padding:0 1rem;width:100%}.showcase-title{display:inline-block;font-size:2rem;font-weight:700;position:relative}.showcase-title:after{background-color:var(--primary-color);bottom:-8px;content:"";height:3px;left:0;position:absolute;width:40px}.view-all{align-items:center;color:var(--primary-color);display:flex;font-size:.95rem;font-weight:500;transition:all .3s ease}.view-all:hover{transform:translateX(5px)}.showcase-container{overflow:hidden;position:relative;width:100%}.showcase-scroll-container{-ms-overflow-style:none;align-items:stretch;box-sizing:border-box;display:flex;gap:1.5rem;overflow-x:auto;padding:1.5rem 1rem;scroll-behavior:smooth;scrollbar-width:none;width:100%}.showcase-scroll-container::-webkit-scrollbar{display:none}.project-card{flex-shrink:0;height:380px;max-width:400px;min-width:320px}.card-content,.project-card{display:flex;flex-direction:column}.card-content{box-sizing:border-box;height:100%;padding:2rem;position:relative;z-index:2}.card-background{background:linear-gradient(135deg,#f5f7fa,#e4e8f0);height:100%;left:0;position:absolute;top:0;transition:transform .5s ease;width:100%;z-index:1}[data-theme=dark] .card-background{background:linear-gradient(135deg,#2d3748,#1a202c)}.project-card:hover .card-background{transform:scale(1.05)}.gradient-overlay{background:linear-gradient(180deg,#ffffff03 0,#ffffff0d 50%,#ffffff1a);height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}[data-theme=dark] .gradient-overlay{background:linear-gradient(180deg,#00000003 0,#0000000d 50%,#0000001a)}.project-card:hover .gradient-overlay{opacity:1}.card-top{flex-grow:0;margin-bottom:.5rem}.card-middle{display:flex;flex-direction:column;flex-grow:1;justify-content:flex-start;min-height:0}.card-bottom{flex-grow:0;margin-top:auto}.project-title{color:var(--text-primary);margin-bottom:.75rem;max-height:none;overflow:visible;text-overflow:clip}.project-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;max-height:4.8rem;overflow:hidden;text-overflow:ellipsis}.project-links{gap:.75rem}.project-link.primary{background-color:var(--primary-color);color:#fff}.project-link.primary:hover{background-color:var(--secondary-color);transform:translateY(-2px)}.project-link.secondary{background-color:initial;border:1px solid var(--border-color);color:var(--text-primary)}.project-link.secondary:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px)}.scroll-arrow{align-items:center;background-color:var(--surface-color);border:none;border-radius:50%;box-shadow:0 4px 10px #0000001a;color:var(--primary-color);cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:40px;z-index:10}.scroll-arrow:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-50%) scale(1.1)}.scroll-left{left:.5rem}.scroll-right{right:.5rem}.scroll-indicator-bar{background-color:var(--border-color);border-radius:2px;height:4px;margin:2rem auto 0;overflow:hidden;width:calc(100% - 2rem)}.scroll-progress{background-color:var(--primary-color);border-radius:2px;height:100%;transition:width .3s ease}@media (max-width:1024px){.project-card{height:360px;max-width:280px;min-width:280px}.card-content{padding:1.5rem}.project-title{font-size:1.25rem;line-height:1.3;max-height:none}.project-description{font-size:.875rem;max-height:4.2rem}.scroll-arrow{height:35px;width:35px}}@media (max-width:768px){.showcase-header{align-items:flex-start;flex-direction:column;gap:1rem}.project-card{height:340px;max-width:240px;min-width:240px}.card-content{padding:1.25rem}.project-title{font-size:1.1rem;line-height:1.3;margin-bottom:.5rem;max-height:none}.project-description{font-size:.875rem;margin-bottom:1rem;max-height:4.2rem}.project-tags{margin-bottom:1rem}.project-links{flex-direction:column;gap:.5rem}.scroll-arrow{height:30px;width:30px}}@media (max-width:480px){.project-card{height:320px;max-width:250px;min-width:200px}.card-content{padding:1rem}.project-title{font-size:1rem;line-height:1.3;max-height:none}.project-description{-webkit-line-clamp:3;font-size:.8rem;margin-bottom:.75rem;max-height:3.8rem}.project-category,.project-tags{margin-bottom:.75rem}.project-category{font-size:.7rem;padding:.3rem .6rem}.project-link{font-size:.8rem;padding:.5rem .8rem}}.home-section{align-items:center;display:flex;min-height:100vh;overflow-x:hidden;padding:6rem 2rem 2rem;width:100%}.home-container{margin:0 auto;max-width:1200px;overflow-x:hidden;position:relative;width:100%}.home-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin-bottom:6rem;margin-top:2rem;width:100%}.home-text{display:flex;flex-direction:column;gap:1.5rem}.title-container{min-height:8rem}.home-title{display:inline;font-size:3.5rem;font-weight:800;line-height:1.2}.home-subtitle{color:var(--text-secondary);font-size:1.5rem;font-weight:500}.home-description{color:var(--text-secondary);font-size:1.125rem;margin-bottom:1rem}.home-buttons{display:flex;gap:1rem;margin-top:1rem}.home-image{align-items:center;display:flex;justify-content:center}.image-container{border:5px solid var(--primary-color);border-radius:50%;box-shadow:var(--box-shadow);height:350px;overflow:hidden;width:350px}.image-container img{height:100%;object-fit:cover;width:100%}.recent-work-section{margin:6rem 0;overflow-x:hidden;width:100%}.scroll-indicator{align-items:center;bottom:2rem;display:flex;flex-direction:column;gap:.5rem;left:50%;opacity:.7;position:absolute;transform:translateX(-50%)}.mouse{border:2px solid var(--text-secondary);border-radius:20px;height:50px;position:relative;width:30px}.wheel{animation:scroll 1.5s infinite;background-color:var(--text-secondary);border-radius:50%;height:6px;left:50%;position:absolute;top:10px;transform:translateX(-50%);width:6px}.scroll-text{color:var(--text-secondary);font-size:.75rem}@keyframes scroll{0%{opacity:1;top:10px}to{opacity:0;top:30px}}@media (max-width:992px){.home-title{font-size:3rem}.title-container{min-height:7rem}.image-container{height:300px;width:300px}.recent-work-section{margin:4rem 0}}@media (max-width:768px){.home-content{gap:2rem;grid-template-columns:1fr;margin-bottom:4rem}.home-text{order:2;text-align:center}.home-image{order:1}.home-buttons{justify-content:center}.home-title{font-size:2.5rem}.title-container{min-height:6rem}.image-container{height:250px;width:250px}.recent-work-section{margin:3rem 0}}@media (max-width:480px){.home-title{font-size:2.2rem}.title-container{min-height:5rem}.home-section{padding:6rem 1rem 2rem}}.about-section{padding:6rem 2rem 2rem}.about-container{margin:0 auto;max-width:1200px}.about-content-wrapper{margin-bottom:4rem}.about-text-full{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.about-card{border-radius:12px;box-shadow:0 8px 20px #0000001a;height:100%;overflow:hidden;padding:2rem;position:relative;transition:transform .4s ease,box-shadow .4s ease;z-index:1}.about-card:before{background:linear-gradient(135deg,#f5f7fa,#e4e8f0);content:"";height:100%;left:0;position:absolute;top:0;transition:transform .5s ease;width:100%;z-index:-1}[data-theme=dark] .about-card:before{background:linear-gradient(135deg,#2d3748,#1a202c)}.about-card:hover{box-shadow:0 15px 30px #00000026;transform:translateY(-10px)}.about-card:hover:before{transform:scale(1.05)}.about-card h3{color:var(--primary-color);font-size:1.5rem;font-weight:600;margin-bottom:1rem;padding-bottom:.75rem;position:relative}.about-card h3:after{background-color:var(--primary-color);bottom:0;content:"";height:3px;left:0;position:absolute;width:50px}.about-card p{color:var(--text-secondary);line-height:1.8}.skills-section{margin-top:5rem}.skills-title{font-size:1.75rem;font-weight:600;margin-bottom:1rem;text-align:center}.skills-description{color:var(--text-secondary);line-height:1.8;margin:0 auto 3rem;max-width:800px;text-align:center}.skills-categories{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.skill-category-card{border-radius:12px;box-shadow:0 8px 20px #0000001a;overflow:hidden;padding:2rem;position:relative;transition:transform .4s ease,box-shadow .4s ease;z-index:1}.skill-category-card:before{background:linear-gradient(135deg,#f5f7fa,#e4e8f0);content:"";height:100%;left:0;position:absolute;top:0;transition:transform .5s ease;width:100%;z-index:-1}[data-theme=dark] .skill-category-card:before{background:linear-gradient(135deg,#2d3748,#1a202c)}.skill-category-card:hover{box-shadow:0 15px 30px #00000026;transform:translateY(-10px)}.skill-category-card:hover:before{transform:scale(1.05)}.category-title{color:var(--primary-color);font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.75rem;position:relative}.category-title:after{background-color:var(--primary-color);bottom:0;content:"";height:3px;left:0;position:absolute;width:40px}.skills-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.skill-button{background-color:#6c63ff14;border-radius:30px;box-shadow:0 2px 5px #00000026;color:var(--text-primary);cursor:default;display:inline-block;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.skill-button:hover{background-color:var(--primary-color);box-shadow:0 4px 8px #0003;color:#fff;transform:translateY(-2px)}@media (max-width:992px){.skills-categories{gap:1.5rem}}@media (max-width:768px){.about-text-full,.skills-categories{grid-template-columns:1fr}.skills-categories{gap:1.5rem}}.project-card{border-radius:12px;box-shadow:0 8px 20px #0000001a;height:100%;overflow:hidden;position:relative;transition:transform .4s ease,box-shadow .4s ease;z-index:1}.project-card:before{background:linear-gradient(135deg,#f5f7fa,#e4e8f0);content:"";height:100%;left:0;position:absolute;top:0;transition:transform .5s ease;width:100%;z-index:-1}[data-theme=dark] .project-card:before{background:linear-gradient(135deg,#2d3748,#1a202c)}.project-card:hover{box-shadow:0 15px 30px #00000026;transform:translateY(-10px)}.project-card:hover:before{transform:scale(1.05)}.project-info{display:flex;flex-direction:column;height:100%;padding:2rem;position:relative;z-index:2}.project-category{align-self:flex-start;background-color:#6c63ff1a;border-radius:30px;color:var(--primary-color);display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:1rem;padding:.4rem .8rem;text-transform:uppercase}.project-title{font-size:1.5rem;font-weight:700;line-height:1.3;margin-bottom:1rem;padding-bottom:.75rem;position:relative}.project-title:after{background-color:var(--primary-color);bottom:0;content:"";height:3px;left:0;position:absolute;width:40px}.project-description{color:var(--text-secondary);flex-grow:1;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.project-tag{background-color:#6c63ff14;border-radius:4px;color:var(--primary-color);font-size:.75rem;font-weight:500;padding:.3rem .6rem;transition:all .3s ease}.project-tag:hover{background-color:#6c63ff26;transform:translateY(-2px)}.project-links{display:flex;gap:1rem;margin-top:auto}.project-link{align-items:center;border-radius:6px;display:inline-flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.6rem 1rem;transition:all .3s ease}.project-link:last-child{background-color:var(--primary-color);color:#fff}.project-link:last-child:hover{background-color:var(--secondary-color);color:#fff;transform:translateY(-2px)}@media (max-width:768px){.project-info{padding:1.5rem}.project-title{font-size:1.25rem}}@media (max-width:480px){.project-card{max-width:320px;min-width:250px}.project-link{max-width:100px;min-width:50px}}.portfolio-section{padding:6rem 2rem 2rem}.portfolio-container{align-items:center;margin:0 auto;max-width:1200px}.portfolio-filters{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:3rem}.filter-button{background-color:initial;border:2px solid var(--border-color);border-radius:30px;color:var(--text-secondary);font-weight:500;padding:.5rem 1.5rem;transition:all var(--transition-speed)}.filter-button.active,.filter-button:hover{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}@media (max-width:768px){.projects-grid{grid-template-columns:1fr}}.contact-section{padding:6rem 2rem 2rem}.contact-container{margin:0 auto;max-width:1200px}.contact-content{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.contact-info{display:flex;flex-direction:column;gap:2rem}.contact-info h3{font-size:1.75rem;font-weight:600;margin-bottom:1rem}.contact-info p{color:var(--text-secondary);line-height:1.8}.contact-details{display:flex;flex-direction:column;gap:1rem}.contact-item{align-items:center;color:var(--text-secondary);display:flex;gap:1rem}.contact-social h4{font-size:1.25rem;font-weight:600;margin-bottom:1rem}.contact-social .social-links{display:flex;gap:1rem}.contact-social .social-links a{color:var(--text-secondary);transition:color var(--transition-speed)}.contact-social .social-links a:hover{color:var(--primary-color)}.contact-form-container{background-color:var(--surface-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:2rem}.contact-form-container h3{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.contact-form{gap:1.5rem}.contact-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{font-weight:500}.form-group input,.form-group textarea{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);font-family:inherit;padding:.75rem;transition:border-color var(--transition-speed)}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-color);outline:none}.submit-button{align-items:center;background-color:var(--primary-color);border:none;border-radius:var(--border-radius);color:#fff;display:inline-flex;font-weight:600;gap:.5rem;justify-content:center;margin-top:1rem;padding:.75rem 1.5rem;transition:background-color var(--transition-speed)}.submit-button:hover{background-color:var(--secondary-color)}.form-message{border-radius:var(--border-radius);margin-bottom:1rem;padding:.75rem;text-align:center}.form-message.success{background-color:#4caf501a;color:var(--success-color)}.form-message.error{background-color:#f443361a;color:var(--error-color)}@media (max-width:992px){.contact-content{gap:3rem}}@media (max-width:768px){.contact-content{gap:2rem;grid-template-columns:1fr}}.footer{background-color:var(--surface-color);margin-top:4rem;padding:2rem 0}.footer-container{align-items:center;display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:1200px;padding:0 2rem}.social-links{display:flex;gap:1.5rem}.social-links a{align-items:center;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:50%;color:var(--text-secondary);display:flex;height:40px;justify-content:center;transition:color var(--transition-speed);width:40px}.social-links a:hover{border-color:var(--primary-color);color:var(--primary-color)}.copyright{color:var(--text-tertiary);font-size:.875rem}@media (max-width:768px){.footer{padding:1.5rem 0}}.theme-toggle{align-items:center;background-color:var(--primary-color);border:none;border-radius:50%;bottom:2rem;box-shadow:var(--box-shadow);color:#fff;display:flex;height:3rem;justify-content:center;position:fixed;right:2rem;transition:background-color var(--transition-speed),transform var(--transition-speed);width:3rem;z-index:100}.theme-toggle:hover{background-color:var(--secondary-color);transform:scale(1.1)}@media (max-width:768px){.theme-toggle{bottom:1rem;height:2.5rem;right:1rem;width:2.5rem}}:root{--primary-color:#6c63ff;--secondary-color:#f50057;--background-color:#121212;--surface-color:#1e1e1e;--text-primary:#fff;--text-secondary:#b3b3b3;--text-tertiary:#757575;--border-color:#333;--success-color:#4caf50;--error-color:#f44336;--transition-speed:0.3s;--border-radius:8px;--box-shadow:0 4px 20px #00000040}[data-theme=light]{--primary-color:#6c63ff;--secondary-color:#f50057;--background-color:#f5f5f5;--surface-color:#fff;--text-primary:#212121;--text-secondary:#616161;--text-tertiary:#9e9e9e;--border-color:#e0e0e0;--box-shadow:0 4px 20px #0000001a}body,html{overflow-x:hidden;width:100%}body{background-color:#121212;background-color:var(--background-color);color:#fff;color:var(--text-primary);line-height:1.6;max-width:100vw;transition:background-color .3s,color .3s;transition:background-color var(--transition-speed),color var(--transition-speed)}.app{display:flex;flex-direction:column;min-height:100vh}.app,.main-content{overflow-x:hidden;width:100%}.main-content{flex:1 1}a{color:#6c63ff;color:var(--primary-color);text-decoration:none;transition:color .3s;transition:color var(--transition-speed)}a:hover{color:#f50057;color:var(--secondary-color)}button{cursor:pointer;font-family:inherit}.section-header{margin-bottom:3rem;text-align:center}.section-title{display:inline-block;font-size:2.5rem;font-weight:700;margin-bottom:1rem;position:relative}.section-divider{background:#6c63ff;background:var(--primary-color);height:4px;margin:0 auto;width:70px}.highlight{color:#6c63ff;color:var(--primary-color)}.primary-button{align-items:center;background-color:#6c63ff;background-color:var(--primary-color);border:none;border-radius:8px;border-radius:var(--border-radius);color:#fff;display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:background-color .3s,transform .3s;transition:background-color var(--transition-speed),transform var(--transition-speed)}.primary-button:hover{background-color:#f50057;background-color:var(--secondary-color);color:#fff;transform:translateY(-2px)}.secondary-button{align-items:center;background-color:initial;border:2px solid #6c63ff;border:2px solid var(--primary-color);border-radius:8px;border-radius:var(--border-radius);color:#fff;color:var(--text-primary);display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:background-color .3s,transform .3s;transition:background-color var(--transition-speed),transform var(--transition-speed)}.secondary-button:hover{background-color:#6c63ff;background-color:var(--primary-color);color:#fff;transform:translateY(-2px)}@media (max-width:768px){.section-title{font-size:2rem}}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}