@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap";*{margin:0%;padding:0%;box-sizing:border-box}body{font-family:Outfit,sans-serif}:root{--accent: #0066ff;--text-dark: #111827;--bg-light: #ffffff;--shadow-light: rgba(16, 24, 40, .06)}.navbar{position:sticky;top:0;z-index:1000;background:var(--bg-light);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 1px 4px var(--shadow-light)}.nav-container{max-width:1100px;margin:0 auto;padding:.8rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.nav-logo{font-weight:700;font-size:2rem;color:var(--accent);letter-spacing:-.5px;-webkit-user-select:none;user-select:none}.nav-links{display:flex;align-items:center;gap:1.5rem}.nav-links a{color:var(--text-dark);font-weight:600;position:relative;text-decoration:none;transition:color .3s ease}.nav-links a:after{content:"";position:absolute;left:0;bottom:-4px;width:0%;height:2px;background:var(--accent);transition:width .3s ease}.nav-links a:hover:after{width:100%}.nav-links a:hover{color:var(--accent)}.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;cursor:pointer;width:28px;height:22px}.nav-toggle span{display:block;width:100%;height:3px;background:var(--text-dark);border-radius:2px;transition:all .3s ease}.nav-toggle.active span:nth-child(1){transform:rotate(45deg) translateY(7px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translateY(-7px)}.nav-mobile{display:none}@media(max-width:768px){.nav-links{display:none}.nav-toggle{display:flex}.nav-mobile{display:flex;flex-direction:column;align-items:center;background:var(--bg-light);box-shadow:0 8px 20px var(--shadow-light);padding:1rem 0;text-align:center}.nav-mobile a{padding:.75rem 0;font-size:1.1rem;font-weight:600;color:var(--text-dark);width:100%;text-decoration:none;transition:all .2s ease}.nav-mobile a:hover{color:var(--accent);background:#0066ff0d}}.hero-section{min-height:100vh;display:flex;align-items:center;background:#fff;padding:0 10%}.hero-container{max-width:1200px;margin:auto;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:60px}.hero-text h1{font-size:3.2rem;font-weight:700;margin-bottom:14px;color:#020617}.hero-text h1 span{color:#6366f1}.hero-text h2{font-size:1.2rem;font-weight:500;color:#334155;line-height:1.8;margin-bottom:18px}.hero-text .dot{color:#6366f1;font-weight:700;margin-right:6px}.hero-text p{font-size:1rem;color:#475569;line-height:1.7;max-width:520px;margin-bottom:32px}.hero-buttons{display:flex;gap:18px}.btn{padding:14px 26px;border-radius:12px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center}.btn-primary{background:linear-gradient(135deg,#6366f1,#22d3ee);color:#fff;border:none}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 30px #6366f14d}.btn-outline{background:transparent;border:2px solid #6366f1;color:#6366f1}.btn-outline:hover{background:#6366f1;color:#fff;transform:translateY(-2px)}.hero-graphic{display:flex;justify-content:center}.hero-graphic img{max-width:100%;height:auto;animation:float 6s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-14px)}to{transform:translateY(0)}}@media(max-width:992px){.hero-container{grid-template-columns:1fr;text-align:center}.hero-text p{margin-left:auto;margin-right:auto}.hero-buttons{justify-content:center}}@media(max-width:768px){.hero-section{padding:0 6%}.hero-text h1{font-size:2.4rem}.hero-text h2{font-size:1.05rem}}.about-section{padding:100px 10%;background:#fff;color:#020617}.about-container{max-width:1200px;margin:auto}.about-intro{margin-bottom:70px}.about-intro h2{font-size:2.8rem;margin-bottom:24px;text-align:center}.about-intro p{font-size:1rem;line-height:1.8;color:#475569;margin-bottom:18px}.about-intro span{color:#6366f1;font-weight:600}.about-intro strong{color:#020617;font-weight:600}.hobbies-section h3{font-size:1.8rem;margin-bottom:30px;text-align:center;color:#020617}.hobby-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px}.hobby-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;padding:24px 20px;text-align:center;transition:all .35s ease}.hobby-card:hover{border-color:#6366f1;box-shadow:0 18px 35px #02061714}.hobby-icon{width:52px;height:52px;margin:0 auto 14px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#22d3ee);display:flex;align-items:center;justify-content:center;color:#fff}.hobby-card p{font-size:.95rem;font-weight:500;color:#020617}@media(max-width:768px){.about-section{padding:80px 6%}.about-intro h2{font-size:2.2rem}.hobbies-section h3{font-size:1.5rem}}.timeline-section{padding:100px 10%;background:#fff;color:#020617}.timeline-container{max-width:1100px;margin:auto}.timeline-heading{text-align:center;font-size:2.8rem;margin-bottom:70px}.timeline{position:relative;display:flex;flex-direction:column;gap:40px}.timeline:before{content:"";position:absolute;left:28px;top:0;width:2px;height:100%;background:#e5e7eb}.timeline-item{display:flex;gap:30px;position:relative}.timeline-icon{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#22d3ee);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;z-index:2}.timeline-content{background:#f8fafc;border:1px solid #e5e7eb;border-radius:18px;padding:24px 26px;transition:all .35s ease;width:100%}.timeline-content:hover{border-color:#6366f1;box-shadow:0 20px 40px #02061714}.timeline-content h3{font-size:1.25rem;margin-bottom:6px;color:#020617}.timeline-institution{display:block;font-size:.95rem;font-weight:500;color:#334155}.timeline-year{display:block;font-size:.85rem;color:#6366f1;margin:4px 0 12px}.timeline-content p{font-size:.95rem;line-height:1.6;color:#475569}.timeline-item.education .timeline-icon{background:linear-gradient(135deg,#22c55e,#4ade80)}.timeline-item.experience .timeline-icon{background:linear-gradient(135deg,#6366f1,#22d3ee)}@media(max-width:768px){.timeline-section{padding:80px 6%}.timeline-heading{font-size:2.2rem}.timeline{gap:30px}.timeline:before{left:22px}.timeline-icon{width:44px;height:44px}}.skills-section{padding:100px 10%;background:#fff;color:#020617}.skills-container{max-width:1200px;margin:auto}.skills-heading{text-align:center;font-size:2.8rem;margin-bottom:60px;color:#020617}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.skill-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:18px;padding:28px 26px;transition:all .35s ease}.skill-card:hover{border-color:#6366f1;box-shadow:0 20px 40px #02061714}.skill-header{display:flex;align-items:center;gap:14px;margin-bottom:18px}.skill-icon{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,#6366f1,#22d3ee);display:flex;align-items:center;justify-content:center;color:#fff}.skill-header h3{font-size:1.2rem;font-weight:600}.skill-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px}.skill-list li{font-size:.85rem;padding:6px 12px;border-radius:999px;background:#fff;border:1px solid #e5e7eb;color:#475569;transition:all .25s ease}.skill-list li:hover{background:#6366f1;border-color:#6366f1;color:#fff}@media(max-width:768px){.skills-section{padding:80px 6%}.skills-heading{font-size:2.2rem}}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}:is(.swiper-button-prev,.swiper-button-next).swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}:is(.swiper-button-prev,.swiper-button-next).swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled :is(.swiper-button-prev,.swiper-button-next){display:none!important}:is(.swiper-button-prev,.swiper-button-next) svg{width:100%;height:100%;object-fit:contain;transform-origin:center;fill:currentColor;pointer-events:none}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2))}.swiper-button-prev{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-button-prev .swiper-navigation-icon{transform:rotate(180deg)}.swiper-button-next{right:var(--swiper-navigation-sides-offset, 4px);left:auto}.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal~.swiper-button-next{top:var(--swiper-navigation-top-offset, 50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));margin-left:0}.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset, 4px);right:auto}.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset, 4px);left:auto}:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) .swiper-navigation-icon{transform:rotate(180deg)}:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(0)}.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-prev,.swiper-vertical~.swiper-button-next{left:var(--swiper-navigation-top-offset, 50%);right:auto;margin-left:calc(0px - (var(--swiper-navigation-size) / 2));margin-top:0}.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev{top:var(--swiper-navigation-sides-offset, 4px);bottom:auto}:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(-90deg)}.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset, 4px);top:auto}:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) .swiper-navigation-icon{transform:rotate(90deg)}.projects-section{padding:100px 8%;background:#fff;color:#020617}.projects-container{max-width:1200px;margin:auto}.projects-heading{text-align:center;font-size:2.8rem;margin-bottom:50px}.projects-swiper{padding:0 10px 60px}.project-card{background:#f8fafc;border-radius:20px;border:1px solid #e5e7eb;height:100%;transition:all .35s ease;overflow:hidden}.project-card:hover{transform:translateY(-8px);border-color:#6366f1;box-shadow:0 25px 50px #0206171f}.project-content{padding:26px;display:flex;flex-direction:column;height:100%}.project-content h3{font-size:1.3rem;margin-bottom:10px;color:#020617}.project-content p{font-size:.95rem;line-height:1.6;color:#475569;flex-grow:1}.tech-stack{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.tech-stack span{font-size:.75rem;padding:6px 12px;border-radius:999px;background:#6366f11a;color:#4f46e5;font-weight:500}.project-links{display:flex;gap:12px;margin-top:10px}.project-links a{flex:1;text-align:center;padding:10px 14px;font-size:.85rem;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .3s ease;text-decoration:none}.btn-live{background:linear-gradient(135deg,#6366f1,#22d3ee);color:#fff}.btn-live:hover{opacity:.9}.btn-github{background:#020617;color:#fff}.btn-github:hover{background:#111827}.projects-slider-wrapper{position:relative}.swiper-navigation{display:flex;justify-content:center;gap:16px;margin-top:450px}.swiper-button-prev,.swiper-button-next{width:46px;height:46px;border-radius:50%;border:1px solid #e5e7eb;background:#fff;color:#020617;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.swiper-button-prev:hover,.swiper-button-next:hover{background:#6366f1;color:#fff;border-color:#6366f1}.view-more-container{text-align:center;margin-top:-450px}.view-more-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:999px;background:linear-gradient(135deg,#020617,#1e293b);color:#fff;font-size:.95rem;transition:all .35s ease;text-decoration:none}.view-more-btn:hover{transform:translateY(-3px);box-shadow:0 15px 30px #02061733}@media(max-width:768px){.projects-section{padding:80px 6%}.projects-heading{font-size:2.2rem}.swiper-navigation{margin:-650px 0% 0%;padding:0%}.view-more-container{margin-top:450px;padding:0%}}.services-section{padding:100px 10%;background:#fff;color:#0f172a}.services-heading{text-align:center;font-size:2.8rem;margin-bottom:60px;color:#020617}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px}.service-card{background:#f8fafc;border:1px solid #e5e7eb;padding:36px 28px;border-radius:18px;text-align:center;transition:all .35s ease;position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#6366f1,#22d3ee);opacity:0;transition:opacity .35s ease;z-index:0}.service-card:hover:before{opacity:.08}.service-card:hover{border-color:#6366f1;box-shadow:0 20px 40px #02061714}.service-card *{position:relative;z-index:1}.card-icon{width:64px;height:64px;margin:0 auto 20px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#22d3ee);display:flex;align-items:center;justify-content:center;color:#fff}.service-card h3{font-size:1.25rem;margin-bottom:12px;color:#020617}.service-card p{font-size:.95rem;color:#475569;line-height:1.6}@media(max-width:768px){.services-section{padding:80px 6%}.services-heading{font-size:2.2rem}}.contact-section{padding:100px 10%;background:#fff;color:#020617}.contact-container{max-width:1200px;margin:auto}.contact-heading{text-align:center;font-size:2.8rem;margin-bottom:10px}.contact-subtext{text-align:center;color:#475569;margin-bottom:60px;font-size:1rem}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:50px}.contact-info{background:#f8fafc;border:1px solid #e5e7eb;border-radius:18px;padding:30px;display:flex;flex-direction:column;gap:18px}.info-item{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:12px;background:#fff;border:1px solid #e5e7eb;transition:all .25s ease}.info-item svg{color:#6366f1}.info-item a{text-decoration:none;color:#020617;font-weight:500}.info-item:hover{background:#6366f1;border-color:#6366f1}.info-item:hover a,.info-item:hover svg{color:#fff}.contact-form{background:#f8fafc;border:1px solid #e5e7eb;border-radius:18px;padding:36px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:6px;font-size:.9rem;font-weight:500}.form-group input,.form-group textarea{width:100%;padding:12px 14px;border-radius:10px;border:1px solid #e5e7eb;outline:none;font-size:.95rem;transition:all .25s ease}.form-group input:focus,.form-group textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.contact-btn{width:100%;padding:14px;border-radius:12px;border:none;font-size:1rem;font-weight:600;cursor:pointer;background:linear-gradient(135deg,#6366f1,#22d3ee);color:#fff;transition:all .3s ease}.contact-btn:hover{transform:translateY(-2px);box-shadow:0 15px 30px #6366f14d}.contact-btn:disabled{opacity:.6;cursor:not-allowed}.popup{position:fixed;bottom:30px;right:30px;padding:16px 20px;border-radius:14px;display:flex;align-items:center;gap:12px;font-size:.95rem;box-shadow:0 20px 40px #02061733;z-index:999}.popup-success{background:#22c55e;color:#fff}.popup-error{background:#ef4444;color:#fff}.popup button{background:none;border:none;cursor:pointer;color:#fff}@media(max-width:900px){.contact-grid{grid-template-columns:1fr}}@media(max-width:768px){.contact-section{padding:80px 6%}.contact-heading{font-size:2.2rem}.contact-subtext{font-size:.95rem}}.footer-section{background:#f8fafc;border-top:1px solid #e5e7eb;padding:40px 10%}.footer-container{max-width:1200px;margin:auto;text-align:center;position:relative}.footer-socials{display:flex;justify-content:center;gap:18px;margin-bottom:18px}.footer-socials a{width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;color:#020617;transition:all .3s ease}.footer-socials a:hover{background:linear-gradient(135deg,#6366f1,#22d3ee);color:#fff;border-color:transparent;transform:translateY(-4px);box-shadow:0 12px 25px #6366f140}.footer-text{font-size:.9rem;color:#475569;margin-top:10px}.scroll-top-btn{position:absolute;right:0;top:0;width:42px;height:42px;border-radius:50%;border:none;background:linear-gradient(135deg,#6366f1,#22d3ee);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.scroll-top-btn:hover{box-shadow:0 10px 20px #6366f159}@media(max-width:768px){.footer-section{padding:30px 6%}.scroll-top-btn{position:static;margin:20px auto 0}}