@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Poppins:wght@300;400;500;600;700;800&display=swap);:root{--primary-color:#6366f1;--primary-dark:#4f46e5;--primary-light:#818cf8;--secondary-color:#ec4899;--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--border-color:#334155;--success:#10b981;--warning:#f59e0b;--error:#ef4444}*{box-sizing:border-box;padding:0;scroll-behavior:smooth}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f172a;background:var(--bg-primary);color:#f8fafc;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif;font-weight:700;line-height:1.2}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#1e293b;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#6366f1;background:var(--primary-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#4f46e5;background:var(--primary-dark)}::selection{background:#6366f1;background:var(--primary-color);color:#f8fafc;color:var(--text-primary)}.App{background:linear-gradient(135deg,#0f172a,#1e293b 50%,#0f172a);color:var(--text-primary);min-height:100vh;overflow-x:hidden;position:relative;text-align:center}.App:before{background-image:radial-gradient(circle at 20% 50%,rgba(99,102,241,.1) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(236,72,153,.1) 0,transparent 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.App>*{position:relative;z-index:1}.f-heading{background:var(--bg-secondary);border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:.95rem;margin-top:80px;padding:40px 20px}.f-heading b{color:var(--primary-color);font-weight:600}.about-section{padding:100px 40px;position:relative}.about-container{margin:0 auto;max-width:1280px}.about-content{display:flex;flex-direction:column;gap:60px}.about-intro{display:flex;justify-content:center}.intro-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 8px 30px rgba(0,0,0,.2);max-width:800px;padding:40px;width:100%}.stats-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(3,1fr)}.stat-item{text-align:center}.stat-item h3{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin-bottom:8px}.stat-item p{color:var(--text-secondary);font-size:1rem;font-weight:500}.about-cards{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(2,1fr);width:100%}.about-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;cursor:pointer;min-height:280px;opacity:1;padding:30px;transition:all .3s ease}.about-card:hover{border-color:var(--primary-color);box-shadow:0 12px 40px rgba(99,102,241,.2);-webkit-transform:translateY(-8px);transform:translateY(-8px)}.card-icon{margin-bottom:20px}.icon-circle{align-items:center;background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(236,72,153,.1));border:1px solid var(--border-color);border-radius:15px;display:flex;font-size:2rem;height:60px;justify-content:center;transition:all .3s ease;width:60px}.about-card:hover .icon-circle{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);-webkit-transform:scale(1.1) rotate(5deg);transform:scale(1.1) rotate(5deg)}.card-title{color:var(--text-primary);font-size:1.3rem;font-weight:700;margin-bottom:12px}.card-description{color:var(--text-secondary);font-size:.95rem;line-height:1.7}@media (max-width:768px){.about-section{padding:80px 20px}.section-title{font-size:2.5rem}.section-subtitle{font-size:1rem}.stats-grid{gap:20px;grid-template-columns:repeat(3,1fr)}.stat-item h3{font-size:2rem}.stat-item p{font-size:.85rem}.intro-card{padding:30px 20px}.about-cards{gap:20px;grid-template-columns:1fr}}@media (max-width:480px){.section-title{font-size:2rem}.stats-grid{gap:15px}.stat-item h3{font-size:1.8rem}}.contact-section{align-items:center;display:flex;min-height:100vh;padding:100px 40px;position:relative}.contact-container{margin:0 auto;max-width:1280px;width:100%}.section-subtitle{line-height:1.6}.contact-content{grid-gap:60px;align-items:start;display:grid;gap:60px;grid-template-columns:400px 1fr}.contact-info{display:flex;flex-direction:column;gap:20px;position:-webkit-sticky;position:sticky;top:100px}.info-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;cursor:default;display:flex;padding:28px;transition:all .3s ease}.info-card:hover{background:linear-gradient(135deg,rgba(99,102,241,.03),rgba(236,72,153,.03));border-color:var(--primary-color);box-shadow:0 12px 40px rgba(99,102,241,.2);-webkit-transform:translateX(8px);transform:translateX(8px)}.info-icon{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border-radius:14px;box-shadow:0 4px 15px rgba(99,102,241,.3);color:#fff;display:flex;font-size:1.6rem;height:56px;justify-content:center;margin-bottom:16px;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:56px}.info-card:hover .info-icon{-webkit-transform:scale(1.1) rotate(5deg);transform:scale(1.1) rotate(5deg)}.info-card h3{color:var(--text-primary);font-size:1.2rem;font-weight:700;letter-spacing:-.02em;margin-bottom:8px}.info-card p{color:var(--text-secondary);font-size:1rem;line-height:1.6;word-break:break-word}.social-links{display:flex;flex-wrap:wrap;gap:16px;margin-top:8px}.social-link{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:14px;color:var(--text-secondary);display:flex;font-size:1.6rem;height:56px;justify-content:center;overflow:hidden;position:relative;text-decoration:none;transition:all .3s ease;width:56px}.social-link:before{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.social-link:hover:before{opacity:1}.social-link svg{position:relative;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;z-index:1}.social-link:hover{border-color:var(--primary-color);box-shadow:0 8px 20px rgba(99,102,241,.4);color:#fff;-webkit-transform:translateY(-4px);transform:translateY(-4px)}.social-link:hover svg{-webkit-transform:scale(1.1);transform:scale(1.1)}.contact-form-wrapper{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:24px;box-shadow:0 8px 30px rgba(0,0,0,.15);overflow:hidden;padding:48px;position:relative}.contact-form-wrapper:before{background:linear-gradient(90deg,var(--primary-color) 0,var(--secondary-color) 100%);content:"";height:4px;left:0;position:absolute;right:0;top:0}.contact-form{gap:28px}.contact-form,.form-group{display:flex;flex-direction:column}.form-group{gap:10px}.form-group label{color:var(--text-primary);font-size:1rem;font-weight:600;letter-spacing:-.01em}.form-input{background:var(--bg-tertiary)!important;border:2px solid var(--border-color)!important;border-radius:12px!important;color:var(--text-primary)!important;font-family:inherit!important;font-size:1rem!important;padding:14px 18px!important;transition:all .3s ease!important}.form-input:hover{border-color:rgba(99,102,241,.4)!important}.form-input:focus{border-color:var(--primary-color)!important;box-shadow:0 0 0 4px rgba(99,102,241,.1)!important;outline:none!important}.form-input::-webkit-input-placeholder{color:var(--text-muted)!important;opacity:.7!important}.form-input:-ms-input-placeholder{color:var(--text-muted)!important;opacity:.7!important}.form-input::placeholder{color:var(--text-muted)!important;opacity:.7!important}textarea.form-input{line-height:1.6!important;min-height:140px;resize:vertical}.submit-btn{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%)!important;border:none!important;border-radius:12px!important;box-shadow:0 4px 15px rgba(99,102,241,.3)!important;color:#fff!important;cursor:pointer!important;font-size:1.05rem!important;font-weight:600!important;height:auto!important;letter-spacing:.02em;margin-top:8px;overflow:hidden;padding:16px 40px!important;position:relative;transition:all .3s ease!important}.submit-btn:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.submit-btn:hover:before{left:100%}.submit-btn:hover{box-shadow:0 8px 25px rgba(99,102,241,.5)!important;-webkit-transform:translateY(-2px)!important;transform:translateY(-2px)!important}.submit-btn:active{-webkit-transform:translateY(0)!important;transform:translateY(0)!important}@media (max-width:1200px){.contact-content{gap:50px;grid-template-columns:350px 1fr}}@media (max-width:1024px){.contact-content{gap:40px;grid-template-columns:320px 1fr}.contact-form-wrapper{padding:40px}.contact-info{position:static}}@media (max-width:768px){.contact-section{min-height:auto;padding:80px 20px}.section-title{font-size:2.5rem}.section-subtitle{font-size:1rem}.contact-content{gap:40px;grid-template-columns:1fr}.contact-info{order:2}.contact-form-wrapper{order:1;padding:32px 28px}.info-card{padding:24px}.social-links{justify-content:center}}@media (max-width:480px){.contact-section{padding:60px 20px}.section-title{font-size:2rem}.contact-form-wrapper{padding:28px 20px}.contact-form{gap:24px}.form-group label{font-size:.95rem}.form-input{font-size:.95rem!important;padding:12px 16px!important}.info-card{padding:20px}.info-icon,.social-link{font-size:1.4rem;height:50px;width:50px}.submit-btn{font-size:1rem!important;padding:14px 32px!important}}@media (max-width:360px){.contact-form-wrapper{padding:24px 16px}.info-card h3{font-size:1.1rem}.info-card p{font-size:.9rem}}.experience-section{padding:100px 40px;position:relative}.experience-container{margin:0 auto;max-width:1000px}.experience-card,.experience-timeline{position:relative}.experience-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;margin-bottom:30px;overflow:hidden;padding:40px;transition:all .3s ease}.experience-card:before{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.experience-card:hover{border-color:var(--primary-color);box-shadow:0 12px 40px rgba(99,102,241,.2);-webkit-transform:translateX(8px);transform:translateX(8px)}.experience-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.company-info h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:8px}.job-title{color:var(--primary-color);font-size:1.1rem;font-weight:600}.time-info{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.location-badge,.time-badge{background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.2);border-radius:20px;color:var(--primary-color);font-size:.85rem;font-weight:600;padding:6px 16px}.location-badge{background:rgba(236,72,153,.1);border-color:rgba(236,72,153,.2);color:var(--secondary-color)}.experience-content{padding-left:20px}.work-list{display:flex;flex-direction:column;gap:16px;list-style:none;margin:0;padding:0}.work-item{align-items:flex-start;color:var(--text-secondary);display:flex;font-size:1rem;gap:12px;line-height:1.7}.bullet{color:var(--primary-color);flex-shrink:0;font-size:1.2rem;margin-top:2px}@media (max-width:768px){.experience-section{padding:80px 20px}.section-title{font-size:2.5rem}.experience-card{padding:30px 24px}.experience-header{flex-direction:column}.experience-header,.time-info{align-items:flex-start}.company-info h3{font-size:1.3rem}.job-title{font-size:1rem}.work-item{font-size:.95rem}}@media (max-width:480px){.section-title{font-size:2rem}.experience-card{padding:24px 20px}.experience-content{padding-left:12px}.work-item{font-size:.9rem}}.h-section{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:120px 40px 80px;position:relative}.h-container{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1280px}.h-left{text-align:left}.greeting{color:var(--text-secondary);font-size:1.2rem;font-weight:500;margin-bottom:16px}.wave{-webkit-animation:wave 2s ease-in-out infinite;animation:wave 2s ease-in-out infinite;display:inline-block}@-webkit-keyframes wave{0%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}10%,30%{-webkit-transform:rotate(14deg);transform:rotate(14deg)}20%{-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}40%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}50%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}}@keyframes wave{0%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}10%,30%{-webkit-transform:rotate(14deg);transform:rotate(14deg)}20%{-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}40%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}50%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}}.h-name{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,var(--text-primary) 0,var(--primary-light) 100%);-webkit-background-clip:text;background-clip:text;font-size:4rem;font-weight:800;line-height:1.1;margin-bottom:8px}.h-title{color:var(--primary-color);font-size:2rem;font-weight:600;margin-bottom:24px;min-height:60px}.h-description{color:var(--text-secondary);font-size:1.1rem;line-height:1.8;margin-bottom:32px;max-width:540px}.h-buttons{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:32px}.resume-btn{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%)!important;border:none!important;border-radius:10px!important;box-shadow:0 4px 15px rgba(99,102,241,.3)!important;color:#fff!important;cursor:pointer!important;font-size:1rem!important;font-weight:600!important;height:auto!important;padding:14px 32px!important;transition:all .3s ease!important}.resume-btn a{color:#fff;text-decoration:none}.resume-btn:hover{box-shadow:0 6px 20px rgba(99,102,241,.4)!important;-webkit-transform:translateY(-2px)!important;transform:translateY(-2px)!important}.contact-link-btn{align-items:center;border:2px solid var(--primary-color);border-radius:10px;color:var(--primary-color);display:inline-flex;font-size:1rem;font-weight:600;gap:8px;padding:14px 32px;text-decoration:none;transition:all .3s ease}.contact-link-btn:hover{background:var(--primary-color);box-shadow:0 4px 15px rgba(99,102,241,.3);color:#fff;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.h-icons{display:flex;gap:16px}.social-icon{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-secondary);display:flex;font-size:1.5rem;height:50px;justify-content:center;transition:all .3s ease;width:50px}.social-icon:hover{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 8px 20px rgba(99,102,241,.3);color:#fff;-webkit-transform:translateY(-4px);transform:translateY(-4px)}.h-right{align-items:center;display:flex;justify-content:center}.hero-image-wrapper{max-width:500px;position:relative;width:100%}.hero-blob{-webkit-animation:blobAnimation 8s ease-in-out infinite;animation:blobAnimation 8s ease-in-out infinite;background:linear-gradient(135deg,rgba(99,102,241,.2),rgba(236,72,153,.2));border-radius:50% 50% 50% 50%/60% 60% 40% 40%;-webkit-filter:blur(40px);filter:blur(40px);height:100%;position:absolute;width:100%}@-webkit-keyframes blobAnimation{0%,to{border-radius:50% 50% 50% 50%/60% 60% 40% 40%}25%{border-radius:60% 40% 50% 50%/50% 50% 50% 50%}50%{border-radius:50% 50% 40% 60%/40% 60% 60% 40%}75%{border-radius:50% 60% 50% 40%/50% 40% 60% 50%}}@keyframes blobAnimation{0%,to{border-radius:50% 50% 50% 50%/60% 60% 40% 40%}25%{border-radius:60% 40% 50% 50%/50% 50% 50% 50%}50%{border-radius:50% 50% 40% 60%/40% 60% 60% 40%}75%{border-radius:50% 60% 50% 40%/50% 40% 60% 50%}}.hero-image{aspect-ratio:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(236,72,153,.1));border:1px solid hsla(0,0%,100%,.1);border-radius:30% 70% 70% 30%/30% 30% 70% 70%;position:relative;width:100%}.tech-badge{-webkit-animation:float 3s ease-in-out infinite;animation:float 3s ease-in-out infinite;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 4px 15px rgba(0,0,0,.2);color:var(--primary-color);font-size:.9rem;font-weight:600;padding:8px 16px;position:absolute}.badge-1{-webkit-animation-delay:0s;animation-delay:0s;left:-5%;top:10%}.badge-2{-webkit-animation-delay:.7s;animation-delay:.7s;right:-5%;top:20%}.badge-3{-webkit-animation-delay:1.4s;animation-delay:1.4s;bottom:20%;left:-5%}.badge-4{-webkit-animation-delay:2.1s;animation-delay:2.1s;bottom:10%;right:-5%}.badge-5{-webkit-animation-delay:2.8s;animation-delay:2.8s;left:-10%;top:50%}.badge-6{-webkit-animation-delay:3.5s;animation-delay:3.5s;right:-10%;top:50%}@-webkit-keyframes float{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes float{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}}.scroll-indicator{bottom:40px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.mouse{border:2px solid var(--text-muted);border-radius:12px;height:40px;position:relative;width:24px}.mouse:before{-webkit-animation:scroll 2s ease-in-out infinite;animation:scroll 2s ease-in-out infinite;background:var(--primary-color);border-radius:2px;content:"";height:8px;left:50%;position:absolute;top:8px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:4px}@-webkit-keyframes scroll{0%{opacity:1;-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}to{opacity:0;-webkit-transform:translateX(-50%) translateY(16px);transform:translateX(-50%) translateY(16px)}}@keyframes scroll{0%{opacity:1;-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}to{opacity:0;-webkit-transform:translateX(-50%) translateY(16px);transform:translateX(-50%) translateY(16px)}}@media (max-width:1024px){.h-container{gap:60px}.h-name{font-size:3rem}.h-title{font-size:1.5rem}}@media (max-width:768px){.h-section{padding:100px 20px 60px}.h-container{gap:60px;grid-template-columns:1fr}.h-name{font-size:2.5rem}.h-title{font-size:1.3rem}.h-description{font-size:1rem}.hero-image-wrapper{max-width:350px}.tech-badge{font-size:.8rem;padding:6px 12px}}@media (max-width:480px){.h-name{font-size:2rem}.h-title{font-size:1.1rem;min-height:50px}.h-buttons{flex-direction:column}.contact-link-btn,.resume-btn{justify-content:center;width:100%}.hero-image-wrapper{max-width:280px}}.n-wrapper{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:rgba(15,23,42,.8);border-bottom:1px solid hsla(0,0%,100%,.05);height:80px;left:0;position:fixed;right:0;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;z-index:1000}.n-wrapper.scrolled{background:rgba(15,23,42,.95);box-shadow:0 4px 30px rgba(0,0,0,.3);height:70px}.n-container{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:1280px;padding:0 40px}.n-left .headerName{font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:700}.n-left .headerName a{color:var(--text-primary);cursor:pointer;text-decoration:none;transition:color .3s ease}.logo-text{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);-webkit-background-clip:text;background-clip:text;font-weight:800;letter-spacing:-.5px}.n-right{align-items:center;display:flex;gap:8px}.n-right a{border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:.95rem;font-weight:500;padding:8px 16px;position:relative;text-decoration:none;transition:all .3s ease}.n-right a:hover{background:rgba(99,102,241,.1);color:var(--text-primary)}.n-right a.active{color:var(--primary-color);font-weight:600}.contact-btn{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);border:none;border-radius:8px;box-shadow:0 4px 15px rgba(99,102,241,.3);color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 24px;transition:all .3s ease}.contact-btn:hover{box-shadow:0 6px 20px rgba(99,102,241,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.hamburger-menu{display:none}.hamburger-btn{background:transparent!important;color:var(--text-primary)!important;font-size:1.5rem!important;min-width:auto!important;padding:8px!important}.hamburger-btn:hover{background:rgba(99,102,241,.1)!important}.drawer-content{background:var(--bg-secondary)!important}.close-btn{background:transparent!important;color:var(--text-primary)!important;font-size:1.5rem!important;min-width:auto!important;padding:8px!important;position:absolute;right:20px;top:20px;z-index:10}.drawer-body{display:flex;flex-direction:column;gap:8px;padding-top:80px!important}.drawer-body a{border-radius:8px;color:var(--text-secondary);font-size:1.1rem;font-weight:500;padding:16px 24px;text-align:left;text-decoration:none;transition:all .3s ease}.drawer-body a:hover{background:rgba(99,102,241,.1);color:var(--text-primary);-webkit-transform:translateX(8px);transform:translateX(8px)}@media (max-width:768px){.n-container{padding:0 20px}.n-right{display:none}.hamburger-menu{display:block}.n-wrapper{height:70px}.n-wrapper.scrolled{height:65px}}@media (max-width:480px){.n-container{padding:0 16px}.n-left .headerName{font-size:1.2rem}}.projects-section{padding:100px 40px;position:relative}.projects-container{margin:0 auto;max-width:1280px}.section-header{margin-bottom:60px}.section-subtitle{max-width:600px}.projects-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));width:100%}.project-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;cursor:pointer;opacity:1;overflow:hidden;transition:all .3s ease}.project-card:hover{border-color:var(--primary-color);box-shadow:0 16px 50px rgba(99,102,241,.2);-webkit-transform:translateY(-8px);transform:translateY(-8px)}.project-image{background:var(--bg-tertiary);height:280px;overflow:hidden;position:relative}.project-image img{height:100%;object-fit:cover;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease;width:100%}.project-card:hover .project-image img{-webkit-transform:scale(1.1);transform:scale(1.1)}.project-overlay{align-items:center;background:rgba(15,23,42,.9);bottom:0;display:flex;gap:20px;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.project-card:hover .project-overlay{opacity:1}.overlay-btn{align-items:center;background:var(--primary-color);border-radius:50%;color:#fff;display:flex;font-size:1.3rem;height:50px;justify-content:center;text-decoration:none;transition:all .3s ease;width:50px}.overlay-btn:hover{background:var(--primary-dark);-webkit-transform:scale(1.1);transform:scale(1.1)}.project-content{padding:30px}.project-title{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:12px}.project-description{color:var(--text-secondary);font-size:.95rem;line-height:1.7;margin-bottom:16px}.project-highlights{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.highlight-badge{background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.2);border-radius:12px;color:var(--primary-color);font-size:.75rem;font-weight:600;padding:4px 12px}.tech-stack{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.tech-tag{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.85rem;font-weight:500;padding:6px 14px;transition:all .3s ease}.tech-tag:hover{background:rgba(99,102,241,.1);border-color:var(--primary-color);color:var(--primary-color)}.project-links{display:flex;gap:12px}.project-btn{align-items:center;border-radius:10px;display:flex;flex:1 1;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;text-decoration:none;transition:all .3s ease}.primary-btn{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);border:none;color:#fff}.primary-btn:hover{box-shadow:0 6px 20px rgba(99,102,241,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.secondary-btn{background:transparent;border:2px solid var(--primary-color);color:var(--primary-color)}.secondary-btn:hover{background:var(--primary-color);color:#fff;-webkit-transform:translateY(-2px);transform:translateY(-2px)}@media (max-width:1100px){.projects-grid{grid-template-columns:1fr}}@media (max-width:768px){.projects-section{padding:80px 20px}.section-title{font-size:2.5rem}.project-content{padding:24px}.project-title{font-size:1.3rem}.project-links{flex-direction:column}}@media (max-width:480px){.section-title{font-size:2rem}.project-image{height:220px}.project-content{padding:20px}}.skills-section{overflow:hidden;padding:110px 40px;position:relative}.skills-section:after,.skills-section:before{border-radius:999px;content:"";-webkit-filter:blur(70px);filter:blur(70px);opacity:.35;pointer-events:none;position:absolute}.skills-section:before{background:rgba(99,102,241,.18);height:320px;left:-120px;top:80px;width:320px}.skills-section:after{background:rgba(236,72,153,.14);bottom:40px;height:280px;right:-80px;width:280px}.skills-container{margin:0 auto;max-width:1280px;position:relative;z-index:1}.section-header{margin-bottom:56px;text-align:center}.skills-kicker{background:rgba(99,102,241,.08);border:1px solid rgba(99,102,241,.28);border-radius:999px;color:var(--primary-light);display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.16em;margin-bottom:14px;padding:8px 14px;text-transform:uppercase}.section-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,var(--text-primary) 0,var(--primary-light) 100%);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;margin-bottom:16px}.title-underline{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border-radius:2px;height:4px;margin:0 auto 20px;width:100px}.section-subtitle{color:var(--text-secondary);font-size:1.1rem;line-height:1.8;margin:0 auto;max-width:720px}.skills-overview{grid-gap:28px;align-items:stretch;background:linear-gradient(135deg,rgba(99,102,241,.13),rgba(15,23,42,.4) 45%,rgba(236,72,153,.12));border:1px solid rgba(148,163,184,.16);border-radius:28px;box-shadow:0 24px 80px rgba(2,6,23,.28);display:grid;gap:28px;grid-template-columns:minmax(0,1.7fr) minmax(220px,.9fr);margin-bottom:34px;padding:32px}.overview-label{color:var(--primary-light);display:inline-block;font-size:.85rem;font-weight:700;letter-spacing:.12em;margin-bottom:12px;text-transform:uppercase}.skills-overview-copy h3{color:var(--text-primary);font-size:2rem;line-height:1.2;margin-bottom:14px;max-width:14ch}.skills-overview-copy p{color:var(--text-secondary);font-size:1rem;line-height:1.8;max-width:62ch}.skills-overview-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.overview-stat{background:rgba(15,23,42,.56);border:1px solid rgba(148,163,184,.14);border-radius:22px;display:flex;flex-direction:column;gap:10px;justify-content:center;min-height:140px;padding:24px;text-align:center}.overview-stat strong{color:var(--text-primary);font-size:2.3rem;font-weight:800}.overview-stat span{color:var(--text-secondary);font-size:.95rem;font-weight:500}.skills-showcase{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,minmax(0,1fr))}.skill-panel{background:linear-gradient(180deg,rgba(30,41,59,.96),rgba(15,23,42,.98));border:1px solid rgba(148,163,184,.14);border-radius:26px;box-shadow:0 18px 50px rgba(2,6,23,.24);opacity:1;padding:28px;position:relative;transition:box-shadow .35s ease,border-color .35s ease,-webkit-transform .35s ease;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease,-webkit-transform .35s ease}.skill-panel:before{background:linear-gradient(135deg,rgba(99,102,241,.45),rgba(236,72,153,.24),transparent 72%);border-radius:inherit;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute}.skill-panel:hover{border-color:rgba(99,102,241,.3);box-shadow:0 24px 60px rgba(99,102,241,.16);-webkit-transform:translateY(-8px);transform:translateY(-8px)}.skill-panel-header{align-items:flex-start;display:flex;gap:18px;justify-content:space-between;margin-bottom:18px}.skill-panel-index{color:var(--secondary-color);display:inline-block;font-size:.88rem;font-weight:700;letter-spacing:.14em;margin-bottom:10px}.skill-panel-label{color:var(--primary-light);font-size:.86rem;font-weight:600;letter-spacing:.08em;margin-bottom:8px;text-transform:uppercase}.category-title{color:var(--text-primary);font-size:1.55rem;font-weight:700;line-height:1.2}.skill-count{background:rgba(99,102,241,.12);border:1px solid rgba(99,102,241,.18);border-radius:999px;color:var(--primary-light);flex-shrink:0;font-size:.85rem;font-weight:700;padding:10px 14px}.skill-panel-description{color:var(--text-secondary);line-height:1.75;margin-bottom:22px;min-height:84px}.skills-grid{display:flex;flex-wrap:wrap;gap:12px}.skill-chip{align-items:center;background:rgba(15,23,42,.92);border:1px solid rgba(148,163,184,.14);border-radius:16px;display:inline-flex;gap:10px;min-height:52px;padding:12px 16px;transition:border-color .25s ease,background .25s ease,-webkit-transform .25s ease;transition:transform .25s ease,border-color .25s ease,background .25s ease;transition:transform .25s ease,border-color .25s ease,background .25s ease,-webkit-transform .25s ease}.skill-chip:hover{background:rgba(30,41,59,.98);border-color:rgba(99,102,241,.28);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.skill-icon{align-items:center;background:linear-gradient(135deg,rgba(99,102,241,.18),rgba(236,72,153,.18));border-radius:10px;display:inline-flex;flex-shrink:0;font-size:1rem;font-weight:700;height:34px;justify-content:center;width:34px}.skill-icon,.skill-name{color:var(--text-primary)}.skill-name{font-size:.95rem;font-weight:600;line-height:1.3}@media (max-width:1100px){.skills-overview,.skills-showcase{grid-template-columns:1fr}.skills-overview-copy h3{max-width:none}}@media (max-width:768px){.skills-section{padding:84px 20px}.section-title{font-size:2.4rem}.skills-overview{padding:24px}.skills-overview-stats{grid-template-columns:1fr 1fr}.skills-overview-copy h3{font-size:1.6rem}.skill-panel{padding:22px}.skill-panel-header{align-items:flex-start;flex-direction:column}.skill-panel-description{min-height:auto}}@media (max-width:480px){.section-title{font-size:2rem}.section-subtitle{font-size:1rem}.skills-overview-stats{grid-template-columns:1fr}.overview-stat{min-height:120px}.skill-chip{width:100%}}
/*# sourceMappingURL=main.3d7582e6.css.map*/