@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.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)}}:root{--bg-primary:#09090b;--bg-secondary:#18181b99;--bg-glass:#18181b66;--glass-border:#ffffff14;--nav-background:#09090bb3;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent-1:#3b82f6;--accent-2:#8b5cf6;--accent-gradient:linear-gradient(135deg,var(--accent-1),var(--accent-2));--card-shadow:0 8px 32px #0006;--hover-shadow:0 12px 40px #3b82f633}:root[data-theme=light]{--bg-primary:#f4f7fb;--bg-secondary:#ffffffc7;--bg-glass:#ffffffad;--glass-border:#0f172a1f;--nav-background:#f4f7fbd1;--text-primary:#172033;--text-secondary:#536176;--card-shadow:0 8px 32px #1e293b1f;--hover-shadow:0 12px 40px #2563eb29}*{box-sizing:border-box;margin:0;padding:0}body{-ms-overflow-style:none;background-color:#09090b;background-color:var(--bg-primary);color:#f8fafc;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden;scrollbar-width:none}body::-webkit-scrollbar{display:none}body:after,body:before{animation:drift 20s ease-in-out infinite alternate;border-radius:50%;content:"";filter:blur(120px);opacity:.4;position:fixed;z-index:-1}body:before{background:#3b82f6;background:var(--accent-1);height:600px;left:-200px;top:-200px;width:600px}body:after{animation-delay:-10s;background:#8b5cf6;background:var(--accent-2);bottom:-100px;height:500px;right:-100px;width:500px}@keyframes drift{0%{transform:translate(0) scale(1)}to{transform:translate(100px,100px) scale(1.1)}}.portfolio{width:100%}.navbar{background:#0000;left:0;padding:1.5rem 0;position:fixed;right:0;top:0;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1000}.navbar.scrolled{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#09090bb3;background:var(--nav-background);border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--glass-border);box-shadow:0 4px 30px #0000004d;padding:1rem 0}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.nav-logo span{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:var(--accent-gradient);-webkit-background-clip:text;font-size:1.5rem;font-weight:800;letter-spacing:-.5px}.nav-menu{display:flex;gap:2rem}.nav-link{background:none;border:none;color:#94a3b8;color:var(--text-secondary);cursor:pointer;font-size:.95rem;font-weight:500;padding:.5rem 0;position:relative;text-transform:capitalize;transition:all .3s ease}.nav-link.active,.nav-link:hover{color:#f8fafc;color:var(--text-primary)}.nav-link.active:after{background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:var(--accent-gradient);border-radius:2px;bottom:0;box-shadow:0 0 10px #3b82f6;box-shadow:0 0 10px var(--accent-1);content:"";height:2px;left:0;position:absolute;right:0}.nav-toggle{background:none;border:none;display:none}.nav-toggle,.theme-toggle{color:#f8fafc;color:var(--text-primary);cursor:pointer}.theme-toggle{align-items:center;background:#18181b66;background:var(--bg-glass);border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:50%;display:inline-flex;height:42px;justify-content:center;transition:transform .3s ease,color .3s ease,background .3s ease;width:42px}.theme-toggle:hover{background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:var(--accent-gradient);color:#fff;transform:rotate(12deg) scale(1.06)}.container{margin:0 auto;max-width:1200px;padding:0 2rem}.section-title{color:#f8fafc;color:var(--text-primary);font-size:3rem;font-weight:800;letter-spacing:-1px;margin-bottom:4rem;position:relative;text-align:center}.section-title:after{background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:var(--accent-gradient);border-radius:4px;bottom:-15px;box-shadow:0 0 15px #3b82f6;box-shadow:0 0 15px var(--accent-1);content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.hero{align-items:center;display:flex;min-height:100vh;overflow:hidden;position:relative}.hero-container{margin:0 auto;max-width:1200px;padding:0 2rem;width:100%;z-index:1}.hero-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1.2fr 1fr;margin-top:4rem}.hero-text{animation:slideUpFade 1s cubic-bezier(.16,1,.3,1) forwards;opacity:0;transform:translateY(30px)}.hero-title{font-size:4rem;font-weight:800;letter-spacing:-2px;line-height:1.1;margin-bottom:1rem}.highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:var(--accent-gradient);-webkit-background-clip:text;display:inline-block;position:relative}.highlight:after{background:#3b82f6;background:var(--accent-1);bottom:5px;content:"";height:30%;left:0;opacity:.2;position:absolute;transform:skewX(-15deg);width:100%;z-index:-1}.hero-subtitle{font-size:1.75rem;font-weight:600;margin-bottom:1.5rem}.hero-description,.hero-subtitle{color:#94a3b8;color:var(--text-secondary)}.hero-description{font-size:1.15rem;line-height:1.8;margin-bottom:2.5rem}.hero-buttons{display:flex;gap:1.5rem;margin-bottom:3rem}.btn{align-items:center;border:none;border-radius:9999px;cursor:pointer;display:inline-flex;font-size:1.05rem;font-weight:600;gap:.75rem;padding:1rem 2.5rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:var(--accent-gradient);box-shadow:0 4px 15px #3b82f64d;color:#fff}.btn-primary:hover{box-shadow:0 8px 25px #3b82f680;filter:brightness(1.1);transform:translateY(-3px)}.btn-outline{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#18181b66;background:var(--bg-glass);border:1px solid #ffffff14;border:1px solid var(--glass-border);color:#f8fafc;color:var(--text-primary)}.btn-outline:hover{background:#ffffff1a;transform:translateY(-3px)}.social-links{display:flex;gap:1.25rem}.social-links a{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#18181b66;background:var(--bg-glass);border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:50%;color:#f8fafc;color:var(--text-primary);display:flex;height:54px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:54px}.social-links a:hover{background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:var(--accent-gradient);border-color:#0000;box-shadow:0 10px 20px #3b82f64d;transform:translateY(-5px)}.hero-image{animation:scaleIn 1.2s cubic-bezier(.16,1,.3,1) forwards;display:flex;justify-content:center;opacity:0}.image-container{height:400px;position:relative;width:400px}.image-container img{border-radius:30px;box-shadow:0 8px 32px #0006;box-shadow:var(--card-shadow);height:100%;object-fit:cover;position:relative;transform:rotate(3deg);transition:all .5s ease;width:100%;z-index:2}.image-container:hover img{transform:rotate(0deg) scale(1.02)}.image-glow{animation:pulse 4s ease-in-out infinite alternate;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:var(--accent-gradient);border-radius:35px;bottom:-20px;filter:blur(30px);left:-20px;opacity:.5;position:absolute;right:-20px;top:-20px;z-index:1}@keyframes pulse{0%{opacity:.3;transform:scale(.95)}to{opacity:.6;transform:scale(1.05)}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.about{padding:4.5rem 0}.about .container{max-width:900px;text-align:center}.about-text{color:#94a3b8;color:var(--text-secondary);font-size:1.15rem;margin-bottom:4rem}.about-text p{margin-bottom:1.5rem}.about-stats{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.stat{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#18181b66;background:var(--bg-glass);border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:24px;padding:2.5rem 1.5rem;transition:all .4s ease}.stat:hover{background:#ffffff0d;border-color:#ffffff26;box-shadow:0 15px 35px #0000004d;transform:translateY(-10px)}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:var(--accent-gradient);-webkit-background-clip:text;display:block;font-size:3rem;font-weight:800;margin-bottom:.5rem}.stat-label{color:#f8fafc;color:var(--text-primary);font-size:1.1rem;font-weight:500}.experience{padding:4.5rem 0}.experience-timeline{margin:0 auto;max-width:900px}.experience-item{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#18181b66;background:var(--bg-glass);border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:24px;padding:3rem;transition:all .4s ease}.experience-item:hover{background:#ffffff08;border-color:#3b82f6;border-color:var(--accent-1);box-shadow:0 12px 40px #3b82f633;box-shadow:var(--hover-shadow);transform:translateY(-5px)}.experience-header{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--glass-border);margin-bottom:2.5rem;padding-bottom:1.5rem}.experience-title{color:#f8fafc;color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:.5rem}.experience-company{color:#3b82f6;color:var(--accent-1);display:block;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.experience-duration{background:#ffffff0d;border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:99px;color:#94a3b8;color:var(--text-secondary);display:inline-block;font-size:.9rem;padding:.5rem 1.2rem}.experience-category{align-items:center;color:#f8fafc;color:var(--text-primary);display:flex;font-size:1.25rem;font-weight:600;gap:.75rem;margin-bottom:1.5rem}.experience-category:before{background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:var(--accent-gradient);border-radius:3px;content:"";height:24px;width:6px}.experience-details{display:flex;flex-direction:column;gap:1rem;list-style:none;margin-bottom:2.5rem}.experience-details li{align-items:flex-start;color:#94a3b8;color:var(--text-secondary);display:flex;font-size:1.05rem}.experience-details li:before{color:#3b82f6;color:var(--accent-1);content:"✦";font-size:1.2rem;margin-right:1rem}.experience-technologies{display:flex;flex-wrap:wrap;gap:.75rem}.tech-tag{font-size:.9rem;padding:.4rem 1rem}.skills{padding:4.5rem 0}.skills-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.skill-item{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#18181b66;background:var(--bg-glass);border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:16px;padding:1.5rem;transition:all .3s ease}.skill-item:hover{background:#ffffff0d;border-color:#ffffff26;transform:scale(1.02)}.skill-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.skill-name{color:#f8fafc;color:var(--text-primary);font-weight:600}.skill-percentage{color:#3b82f6;color:var(--accent-1);font-weight:700}.skill-bar{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden}.skill-progress{background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:var(--accent-gradient);border-radius:4px;box-shadow:0 0 10px #3b82f6;box-shadow:0 0 10px var(--accent-1);height:100%}.projects{padding:4.5rem 0}.projects-container{padding:0 40px;position:relative}.projects-grid{-ms-overflow-style:none;snap-type:x mandatory;display:flex;gap:2rem;overflow-x:auto;padding:2rem 1rem;scroll-behavior:smooth;scrollbar-width:none}.projects-grid::-webkit-scrollbar{display:none}.project-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#18181b66;background:var(--bg-glass);border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:24px;display:flex;flex-direction:column;flex-shrink:0;max-width:380px;min-width:380px;overflow:hidden;scroll-snap-align:start;transition:all .4s ease}.project-card:hover{border-color:#3b82f6;border-color:var(--accent-1);box-shadow:0 12px 40px #3b82f633;box-shadow:var(--hover-shadow);transform:translateY(-10px)}.carousel-nav-btn{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#18181b66;background:var(--bg-glass);border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:50%;color:#f8fafc;color:var(--text-primary);cursor:pointer;display:flex;height:56px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:56px;z-index:10}.carousel-nav-btn:hover:not(:disabled){background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:var(--accent-gradient);border-color:#0000;box-shadow:0 0 20px #3b82f6;box-shadow:0 0 20px var(--accent-1);transform:translateY(-50%) scale(1.1)}.carousel-nav-btn.prev{left:-5px}.carousel-nav-btn.next{right:-5px}.project-image{height:250px;overflow:hidden;position:relative}.project-image img{height:100%;object-fit:cover;transition:transform .6s ease;width:100%}.project-card:hover .project-image img{transform:scale(1.05)}.project-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#09090bb3;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:all .3s ease}.project-card:hover .project-overlay{opacity:1}.project-content{display:flex;flex-direction:column;flex-grow:1;padding:2rem}.project-title{color:#f8fafc;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.project-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#94a3b8;color:var(--text-secondary);display:-webkit-box;margin-bottom:1.5rem;overflow:hidden}.project-technologies{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tech-tag{background:#3b82f61a;border:1px solid #3b82f633;border-radius:8px;color:#60a5fa;font-size:.8rem;font-weight:500;padding:.3rem .75rem;white-space:nowrap}.project-links{border-top:1px solid #ffffff14;border-top:1px solid var(--glass-border);display:flex;gap:1rem;margin-top:auto;padding-top:1.5rem}.project-link{align-items:center;color:#f8fafc;color:var(--text-primary);display:flex;font-size:.95rem;font-weight:500;gap:.5rem;text-decoration:none;transition:color .3s}.project-link:hover{color:#3b82f6;color:var(--accent-1)}.contact{padding:4.5rem 0}.contact-content{grid-gap:4rem;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#18181b66;background:var(--bg-glass);border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:32px;display:grid;gap:4rem;grid-template-columns:1fr 1.5fr;padding:4rem}.contact-info h3{color:#f8fafc;color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:1rem}.contact-info p{color:#94a3b8;color:var(--text-secondary);font-size:1.1rem;margin-bottom:3rem}.contact-details{display:flex;flex-direction:column;gap:1.5rem}.contact-item{align-items:center;color:#f8fafc;color:var(--text-primary);display:flex;font-size:1.1rem;gap:1rem}.contact-item svg{background:#3b82f61a;border-radius:12px;color:#3b82f6;color:var(--accent-1);height:48px;padding:12px;width:48px}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group input,.form-group textarea{background:#ffffff08;border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:12px;color:#f8fafc;color:var(--text-primary);font-family:inherit;font-size:1rem;padding:1.25rem;transition:all .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{background:#ffffff0d;border-color:#3b82f6;border-color:var(--accent-1);box-shadow:0 0 0 4px #3b82f61a;outline:none}.form-group textarea{min-height:150px;resize:vertical}.modal-overlay,.thank-you-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;display:flex;inset:0;justify-content:center;padding:2rem;position:fixed;z-index:2000}.modal-content,.thank-you-modal{animation:slideUp .4s cubic-bezier(.16,1,.3,1);background:#09090b;background:var(--bg-primary);border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 25px 50px -12px #00000080;max-height:90vh;max-width:900px;overflow-y:auto;position:relative;width:100%}.modal-content{display:flex;flex-direction:column}.modal-close,.thank-you-modal-close{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#f8fafc;color:var(--text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:1.5rem;top:1.5rem;transition:all .2s;width:40px;z-index:10}.modal-close:hover{background:#fff3;transform:rotate(90deg)}.modal-header{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--glass-border);padding:2rem 3rem 1.5rem}.modal-header h3{color:#f8fafc;color:var(--text-primary);font-size:2rem}.image-carousel{background:#000;height:400px;position:relative}.carousel-image,.carousel-image img{height:100%;width:100%}.carousel-image img{object-fit:contain}.carousel-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;border:1px solid #ffffff1a;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s;width:48px}.carousel-btn:hover{background:#3b82f6;background:var(--accent-1);border-color:#0000}.carousel-btn.prev{left:1rem}.carousel-btn.next{right:1rem}.carousel-dots{bottom:1rem;display:flex;gap:.5rem;left:50%;position:absolute;transform:translateX(-50%)}.dot{background:#ffffff4d;border:none;border-radius:50%;cursor:pointer;height:8px;transition:all .2s;width:8px}.dot.active{background:#fff;transform:scale(1.5)}.modal-body{padding:3rem}.modal-body p{color:#94a3b8;color:var(--text-secondary);font-size:1.1rem;margin-bottom:2rem}.features-title{color:#f8fafc;color:var(--text-primary);font-size:1.25rem;font-weight:700;margin-bottom:1rem}.project-checklist,.project-features{list-style:none;margin-bottom:2rem}.project-checklist li,.project-features li{align-items:flex-start;color:#94a3b8;color:var(--text-secondary);display:flex;margin-bottom:.75rem}.project-checklist li:before{color:#10b981;content:"✓";font-weight:700;margin-right:.75rem}.project-features li:before{color:#3b82f6;color:var(--accent-1);content:"•";font-size:1.5rem;line-height:.8;margin-right:.75rem}.thank-you-modal{max-width:400px;padding:3rem 2rem;text-align:center}.thank-you-icon{align-items:center;background:#10b9811a;border-radius:50%;color:#10b981;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.thank-you-icon svg{height:40px;width:40px}.thank-you-title{color:#f8fafc;color:var(--text-primary);font-size:1.75rem;margin-bottom:1rem}.thank-you-message{color:#94a3b8;color:var(--text-secondary);margin-bottom:2rem}.thank-you-button{background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:var(--accent-gradient);border:none;border-radius:99px;color:#fff;cursor:pointer;font-weight:600;padding:.8rem 2rem;transition:all .2s;width:100%}.thank-you-button:hover{filter:brightness(1.1);transform:translateY(-2px)}.about,.contact,.experience,.projects,.skills{opacity:0;transform:translateY(40px);transition:all .8s cubic-bezier(.16,1,.3,1)}.about.animate-in,.contact.animate-in,.experience.animate-in,.projects.animate-in,.skills.animate-in{opacity:1;transform:translateY(0)}.experience-item,.project-card,.skill-item,.stat{opacity:0}.animate-in .experience-item,.animate-in .project-card,.animate-in .skill-item,.animate-in .stat{opacity:1}.fade-in{animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.footer{border-top:1px solid #ffffff14;border-top:1px solid var(--glass-border);color:#94a3b8;color:var(--text-secondary);padding:2rem 0;text-align:center}@media (max-width:992px){.hero-content{gap:3rem;grid-template-columns:1fr;text-align:center}.hero-buttons,.social-links{justify-content:center}.hero-image{grid-row:1}.contact-content{grid-template-columns:1fr;padding:2rem}}@media (max-width:768px){.nav-container{justify-content:flex-start}.nav-logo{margin-right:auto}.theme-toggle{margin-left:auto}.nav-toggle{margin-left:.75rem}.nav-menu{background:#09090b;background:var(--bg-primary);border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--glass-border);-webkit-clip-path:polygon(0 0,100% 0,100% 0,0 0);clip-path:polygon(0 0,100% 0,100% 0,0 0);flex-direction:column;left:0;padding:1.5rem;position:absolute;right:0;top:100%;transition:-webkit-clip-path .3s ease-out;transition:clip-path .3s ease-out;transition:clip-path .3s ease-out,-webkit-clip-path .3s ease-out}.nav-menu.active{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.nav-toggle{display:block}.about-stats{grid-template-columns:1fr}.section-title{font-size:2.5rem}.hero-title{font-size:3rem}.image-container{height:300px;width:300px}.projects{padding:3rem 0}.projects-container{padding:0 12px}.projects-grid{gap:1rem;padding:1.25rem .25rem}.project-card{max-width:100%;min-width:0;width:min(100%,340px)}.project-image{height:220px}.project-content{padding:1.25rem}.project-title{font-size:1.35rem}.project-description{font-size:.96rem}.carousel-nav-btn{border-width:1px;height:42px;width:42px}.carousel-nav-btn.prev{left:8px}.carousel-nav-btn.next{right:8px}}@media (max-width:480px){.projects-container{padding:0 8px}.project-card{max-width:100%;min-width:0;width:calc(100vw - 48px)}.project-image{height:180px}.project-content{padding:1rem}.project-title{font-size:1.2rem}.tech-tag{font-size:.72rem}.hero-title{font-size:2.5rem}.image-container{height:250px;width:250px}}
/*# sourceMappingURL=main.f89f3796.css.map*/