@import url(https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap);body{font-family:Raleway,sans-serif;overflow-y:auto!important}.App{display:flex;flex-direction:column}img{height:160px!important;width:220px!important}.my-img{height:250px!important;width:350px!important}.tech-img{height:100px!important;width:100px!important}.highLight{color:#fff!important;font-weight:700!important}
/*
! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;-webkit-font-feature-settings:normal;font-feature-settings:normal;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{-webkit-font-feature-settings:inherit;font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::-webkit-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.relative{position:relative}.isolate{isolation:isolate}.z-\[100\]{z-index:100}.grid{display:grid}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#070b16;color:#fff;font-family:Inter,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{border:none;cursor:pointer;outline:none}section{width:100%}.custom-navbar{align-items:center;background:transparent;display:flex;justify-content:space-between;left:0;padding:16px 8%;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:50}.navbar-scrolled{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:rgba(3,7,18,.8);border-bottom:1px solid hsla(0,0%,100%,.05);box-shadow:0 10px 30px -10px rgba(0,0,0,.4)}.navbar-logo{color:#fff;font-size:1.25rem;font-weight:800;letter-spacing:-.5px;text-decoration:none}.navbar-logo span{color:#3b82f6;transition:color .2s ease}.navbar-logo:hover span{color:#60a5fa}.navbar-desktop-links{align-items:center;display:flex;gap:32px;list-style:none;margin:0;padding:0}@media (max-width:768px){.navbar-desktop-links{display:none}}.nav-item-link{color:#9ca3af;font-size:.875rem;font-weight:500;padding-bottom:4px;position:relative;text-decoration:none;text-transform:capitalize;transition:color .2s ease}.nav-item-link.active,.nav-item-link:hover{color:#3b82f6}.nav-item-link:after{background-color:#3b82f6;bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-item-link.active:after,.nav-item-link:hover:after{width:100%}.navbar-cta-wrapper{display:block}@media (max-width:768px){.navbar-cta-wrapper{display:none}}.navbar-cta-btn{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:#fff;font-size:.75rem;font-weight:600;padding:8px 16px;text-decoration:none;transition:all .3s ease}.navbar-cta-btn:hover{background:#3b82f6;border-color:#3b82f6;box-shadow:0 0 15px rgba(59,130,246,.3)}.navbar-mobile-toggle{background:transparent;border:none;color:#9ca3af;cursor:pointer;display:none;padding:0;z-index:50}.navbar-mobile-toggle:hover{color:#fff}@media (max-width:768px){.navbar-mobile-toggle{display:block}}.navbar-mobile-drawer{align-items:center;background:#030712;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;position:fixed;top:0;-webkit-transform:translateX(100%);transform:translateX(100%);transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;width:100%;z-index:40}.navbar-mobile-drawer.drawer-open{-webkit-transform:translateX(0);transform:translateX(0)}.navbar-mobile-links{display:flex;flex-direction:column;gap:24px;list-style:none;margin:0;padding:0;text-align:center}.mobile-item-link{color:#d1d5db;display:block;font-size:1.5rem;font-weight:600;letter-spacing:.5px;padding:8px;text-decoration:none;text-transform:capitalize;transition:color .2s ease}.mobile-item-link.active,.mobile-item-link:hover{color:#3b82f6}.hero{align-items:center;background:#030712;display:flex;min-height:100vh;overflow:hidden;padding:120px 8% 80px;position:relative}.hero-container{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1.1fr .9fr;margin:auto;max-width:1300px;width:100%;z-index:5}.blur{border-radius:50%;-webkit-filter:blur(140px);filter:blur(140px);pointer-events:none;position:absolute;z-index:1}.blur-one{background:rgba(59,130,246,.15);height:400px;left:-10%;top:15%;width:400px}.blur-two{background:rgba(139,92,246,.12);bottom:10%;height:500px;right:10%;width:500px}.hero-content{align-items:flex-start;display:flex;flex-direction:column}.hero-status-tag{align-items:center;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.2);border-radius:50px;color:#10b981;display:flex;font-size:.75rem;font-weight:700;gap:8px;letter-spacing:1px;margin-bottom:24px;padding:6px 14px}.pulse-dot{-webkit-animation:pulse 1.6s infinite;animation:pulse 1.6s infinite;background-color:#10b981;border-radius:50%;box-shadow:0 0 0 0 rgba(16,185,129,.7);display:inline-block;height:8px;width:8px}@-webkit-keyframes pulse{0%{box-shadow:0 0 0 0 rgba(16,185,129,.5);-webkit-transform:scale(.95);transform:scale(.95)}70%{box-shadow:0 0 0 8px rgba(16,185,129,0);-webkit-transform:scale(1);transform:scale(1)}to{box-shadow:0 0 0 0 rgba(16,185,129,0);-webkit-transform:scale(.95);transform:scale(.95)}}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(16,185,129,.5);-webkit-transform:scale(.95);transform:scale(.95)}70%{box-shadow:0 0 0 8px rgba(16,185,129,0);-webkit-transform:scale(1);transform:scale(1)}to{box-shadow:0 0 0 0 rgba(16,185,129,0);-webkit-transform:scale(.95);transform:scale(.95)}}.hero-greeting{color:#9ca3af;font-size:1.5rem;font-weight:500;margin-bottom:8px}.hero-name{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#fff 10%,#3b82f6 60%,#a855f7);background-clip:text;-webkit-background-clip:text;font-size:5rem;font-weight:800;letter-spacing:-1px;line-height:1.05;margin-bottom:12px}.hero-role-wrapper{margin-bottom:20px;min-height:50px}.hero-role{color:#fff;font-size:2.2rem;font-weight:700}.hero-description{color:#9ca3af;font-size:1.1rem;line-height:1.7;margin-bottom:35px;max-width:540px}.hero-buttons{align-items:center;display:flex;gap:16px;margin-bottom:32px}.btn-primary,.btn-secondary{align-items:center;border-radius:12px;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:10px;padding:14px 28px;text-decoration:none;transition:all .3s ease}.btn-primary{background:#2563eb;box-shadow:0 10px 25px rgba(37,99,235,.35)}.btn-primary:hover{background:#1d4ed8;box-shadow:0 12px 30px rgba(37,99,235,.5)}.btn-primary:hover,.btn-secondary:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px)}.btn-secondary:hover{border-color:hsla(0,0%,100%,.3)}.hero-socials{display:flex;gap:12px}.hero-socials a{align-items:center;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);border-radius:10px;color:#9ca3af;display:flex;font-size:1.2rem;height:44px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:44px}.hero-socials a:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.2);color:#fff;-webkit-transform:translateY(-3px);transform:translateY(-3px)}.hero-image-section{align-items:center;display:flex;height:500px;justify-content:center;position:relative;width:100%}.hero-bg-circle{border-radius:50%;-webkit-filter:blur(60px);filter:blur(60px);opacity:.6;pointer-events:none;position:absolute;z-index:1}.ring-glow-one{-webkit-animation:floatBlob 8s ease-in-out infinite;animation:floatBlob 8s ease-in-out infinite;background:radial-gradient(circle,#3b82f6 0,transparent 70%);height:420px;width:420px}.ring-glow-two{animation:floatBlob 8s ease-in-out infinite reverse;-webkit-animation-delay:2s;animation-delay:2s;background:radial-gradient(circle,#8b5cf6 0,transparent 70%);height:380px;width:380px}@-webkit-keyframes floatBlob{0%,to{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}50%{-webkit-transform:translateY(-10px) scale(1.05);transform:translateY(-10px) scale(1.05)}}@keyframes floatBlob{0%,to{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}50%{-webkit-transform:translateY(-10px) scale(1.05);transform:translateY(-10px) scale(1.05)}}.hero-image-card{-webkit-animation:floatCard 6s ease-in-out infinite;animation:floatCard 6s ease-in-out infinite;background:linear-gradient(135deg,#3b82f6,#8b5cf6);box-shadow:0 25px 50px -12px rgba(0,0,0,.5);height:380px;padding:3px;position:relative;width:380px;z-index:2}.hero-image-card,.hero-image-inner{align-items:center;border-radius:50%;display:flex;justify-content:center;overflow:hidden}.hero-image-inner{background:#070b16;height:100%;width:100%}.hero-image{border-radius:50%;display:block;height:100%!important;max-height:100%!important;max-width:100%!important;object-fit:cover!important;object-position:center top;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease;width:100%!important}.hero-image-card:hover .hero-image{-webkit-transform:scale(1.04);transform:scale(1.04)}@-webkit-keyframes floatCard{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes floatCard{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}.experience-badge{align-items:center;-webkit-animation:floatCard 6s ease-in-out infinite;animation:floatCard 6s ease-in-out infinite;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:rgba(11,15,25,.75);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;bottom:30px;box-shadow:0 20px 40px rgba(0,0,0,.4);display:flex;gap:12px;left:-10px;padding:12px 18px;position:absolute;z-index:3}.experience-badge h3{color:#fff;font-size:1.6rem;font-weight:800;line-height:1;margin:0}.experience-badge p{color:#9ca3af;font-size:.75rem;font-weight:500;line-height:1.3;margin:0;text-align:left;white-space:nowrap}@media (max-width:1024px){.hero-container{gap:80px;grid-template-columns:1fr;text-align:center}.hero-content{align-items:center}.hero-name{font-size:3.8rem}.hero-image-card{height:320px;width:320px}.experience-badge{left:10px}}@media (max-width:640px){.hero-name{font-size:2.8rem}.hero-role{font-size:1.6rem}.hero-buttons{flex-direction:column;width:100%}.btn-primary,.btn-secondary{justify-content:center;width:100%}}.about-section{background:#030712;display:flex;justify-content:center;overflow:hidden;padding:100px 8%;position:relative;width:100%}.about-container{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1.1fr .9fr;max-width:1300px;width:100%;z-index:5}.about-content{align-items:flex-start;display:flex;flex-direction:column}.about-subtitle{color:#3b82f6;font-size:.85rem;font-weight:700;letter-spacing:2px;margin-bottom:16px;text-transform:uppercase}.about-title{color:#fff;font-size:2.5rem;font-weight:800;line-height:1.3;margin-bottom:24px}.text-gradient{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#3b82f6,#a855f7);-webkit-background-clip:text}.about-description{color:#9ca3af;font-size:1.05rem;line-height:1.75;margin-bottom:35px}.btn-about{align-items:center;background:transparent;border:1px solid hsla(0,0%,100%,.15);border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:12px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.btn-about:hover{background:hsla(0,0%,100%,.05);border-color:#3b82f6;-webkit-transform:translateX(4px);transform:translateX(4px)}.btn-about .arrow-icon{transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.btn-about:hover .arrow-icon{-webkit-transform:translateX(4px);transform:translateX(4px)}.about-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);width:100%}.about-stat-card{align-items:flex-start;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:rgba(15,23,42,.3);border:1px solid hsla(0,0%,100%,.03);border-radius:20px;display:flex;flex-direction:column;padding:32px 24px;transition:all .4s cubic-bezier(.4,0,.2,1)}.about-card-icon{align-items:center;background:rgba(59,130,246,.08);border-radius:12px;color:#3b82f6;display:flex;font-size:1.5rem;height:48px;justify-content:center;margin-bottom:20px;transition:all .3s ease;width:48px}.about-grid .about-stat-card:nth-child(2n) .about-card-icon{background:rgba(168,85,247,.08);color:#a855f7}.about-card-value{color:#fff;font-size:2rem;font-weight:800;line-height:1;margin:0 0 6px}.about-card-label{color:#9ca3af;font-size:.85rem;font-weight:500;margin:0}.about-stat-card:hover{background:rgba(15,23,42,.5);border-color:rgba(59,130,246,.2);box-shadow:0 20px 40px -15px rgba(0,0,0,.5);-webkit-transform:translateY(-6px);transform:translateY(-6px)}.about-grid .about-stat-card:nth-child(2n):hover{border-color:rgba(168,85,247,.2)}@media (max-width:1024px){.about-container{gap:60px;grid-template-columns:1fr}.about-content{align-items:center;text-align:center}.about-title{font-size:2.2rem}}@media (max-width:640px){.about-grid{gap:16px;grid-template-columns:1fr}.about-stat-card{align-items:center;padding:24px;text-align:center}.about-card-icon{margin-bottom:14px}}.skills-section{background:#030712;display:flex;justify-content:center;padding:100px 8%;position:relative;width:100%}.skills-container{align-items:center;display:flex;flex-direction:column;gap:60px;max-width:1300px;width:100%}.skills-header{max-width:600px;text-align:center}.skills-subtitle{color:#3b82f6;font-size:.85rem;font-weight:700;letter-spacing:2px;text-transform:uppercase}.skills-title{color:#fff;font-size:2.5rem;font-weight:800;margin:12px 0 16px}.skills-description{color:#9ca3af;font-size:1.05rem;line-height:1.6}.skills-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(6,1fr);width:100%}.skill-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:rgba(15,23,42,.3);border:1px solid hsla(0,0%,100%,.03);border-radius:16px;flex-direction:column;gap:16px;padding:24px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.skill-card,.skill-icon-box{align-items:center;display:flex;justify-content:center}.skill-icon-box{font-size:2.5rem;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.skill-name{color:#fff;font-size:.95rem;font-weight:600}.skill-card:hover{background:rgba(15,23,42,.6);border-color:rgba(59,130,246,.2);box-shadow:0 15px 30px -10px rgba(0,0,0,.5)}.skill-card:hover .skill-icon-box{-webkit-transform:scale(1.1);transform:scale(1.1)}.icon-html{color:#e34c26}.icon-css{color:#264de4}.icon-js{color:#f7df1e}.icon-bootstrap{color:#7952b3}.icon-react{color:#61dafb}.icon-angular{color:#dd0031}.icon-node{color:#393}.icon-express,.icon-github{color:#fff}.icon-sql{color:#00758f}.icon-mongo{color:#47a248}.icon-postgres{color:#336791}.icon-ts{color:#3178c6}@media (max-width:1200px){.skills-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.skills-grid{gap:16px;grid-template-columns:repeat(3,1fr)}.skills-title{font-size:2rem}}@media (max-width:480px){.skills-grid{grid-template-columns:repeat(2,1fr)}}.experience-section{background:#030712;display:flex;justify-content:center;padding:100px 8%;position:relative;width:100%}.experience-container{align-items:center;display:flex;flex-direction:column;gap:60px;max-width:1100px;width:100%}.experience-header{max-width:600px;text-align:center}.experience-subtitle{color:#3b82f6;font-size:.85rem;font-weight:700;letter-spacing:2px;text-transform:uppercase}.experience-title{color:#fff;font-size:2.5rem;font-weight:800;margin:12px 0 16px}.experience-description{color:#9ca3af;font-size:1.05rem;line-height:1.6}.experience-timeline{display:flex;flex-direction:column;gap:40px;padding-left:30px;position:relative;width:100%}.experience-timeline:before{background:linear-gradient(180deg,#3b82f6,#a855f7 50%,hsla(0,0%,100%,.05));bottom:10px;content:"";left:8px;position:absolute;top:10px;width:2px}.timeline-item{position:relative;width:100%}.timeline-badge{align-items:center;background:#0f172a;border:2px solid #3b82f6;border-radius:50%;color:#3b82f6;display:flex;font-size:.95rem;height:36px;justify-content:center;left:-40px;position:absolute;top:24px;transition:all .3s ease;width:36px;z-index:2}.timeline-badge.freelance-node{border-color:#a855f7;color:#a855f7}.timeline-item:hover .timeline-badge.corporate-node{box-shadow:0 0 14px rgba(59,130,246,.6);-webkit-transform:scale(1.1);transform:scale(1.1)}.timeline-item:hover .timeline-badge.freelance-node{box-shadow:0 0 14px rgba(168,85,247,.6);-webkit-transform:scale(1.1);transform:scale(1.1)}.timeline-item:hover .timeline-badge{border-color:#a855f7;box-shadow:0 0 12px #a855f7;-webkit-transform:scale(1.1);transform:scale(1.1)}.timeline-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:rgba(15,23,42,.25);border:1px solid hsla(0,0%,100%,.03);border-radius:16px;padding:30px;transition:all .3s cubic-bezier(.4,0,.2,1)}.timeline-item:hover .timeline-card{background:rgba(15,23,42,.45);border-color:rgba(59,130,246,.15);box-shadow:0 15px 35px -15px rgba(0,0,0,.6)}.card-header-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:8px}.timeline-role{color:#fff;font-size:1.35rem;font-weight:700;margin:0}.timeline-duration{align-items:center;background:rgba(59,130,246,.08);border:1px solid rgba(59,130,246,.15);border-radius:30px;color:#3b82f6;display:inline-flex;font-size:.8rem;font-weight:600;gap:8px;padding:6px 14px}.timeline-meta{display:flex;flex-wrap:wrap;font-size:.95rem;gap:20px}.company-name{color:#a855f7;font-weight:600}.location-tag{align-items:center;color:#6b7280;display:flex;gap:6px}.meta-icon{font-size:.85rem}.card-divider{background:hsla(0,0%,100%,.06);border:0;height:1px;margin:20px 0}.timeline-desc-text{color:#9ca3af;font-size:.98rem;line-height:1.7;margin:0}@media (max-width:768px){.experience-title{font-size:2rem}.card-header-row{align-items:flex-start;flex-direction:column;gap:10px}.timeline-card{padding:24px}.timeline-role{font-size:1.2rem}}.featured-section{background:#030712;display:flex;justify-content:center;padding:100px 8%;position:relative;width:100%}.featured-container{display:flex;flex-direction:column;gap:50px;max-width:1300px;width:100%}.featured-header{text-align:left}.section-subtitle{color:#3b82f6;font-size:.85rem;font-weight:700;letter-spacing:2px;text-transform:uppercase}.section-title{color:#fff;font-size:2.5rem;font-weight:800;margin:8px 0 0}.featured-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:rgba(15,23,42,.2);border:1px solid hsla(0,0%,100%,.03);border-radius:24px;display:grid;grid-template-columns:1fr 1fr;min-height:480px;overflow:hidden;transition:all .4s ease}.featured-card:hover{border-color:rgba(59,130,246,.15);box-shadow:0 25px 50px -20px rgba(0,0,0,.7)}.featured-card>:first-child,.featured-image-wrapper{display:flex;height:100%;width:100%}.featured-image-wrapper{background:#0f172a;min-height:100%;overflow:hidden;position:relative}.featured-img{display:block;height:100%;object-fit:cover;object-position:center;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease;width:100%}.featured-card:hover .featured-img{-webkit-transform:scale(1.04);transform:scale(1.04)}.image-overlay{background:linear-gradient(90deg,rgba(3,7,18,.25),transparent);height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.featured-details{align-items:flex-start;background:rgba(10,17,34,.2);display:flex;flex-direction:column;height:100%;justify-content:center;padding:50px}.project-title{color:#fff;font-size:2.2rem;font-weight:800;margin:0 0 20px}.project-description{color:#9ca3af;font-size:1.05rem;line-height:1.7;margin:0 0 30px}.project-tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:35px}.tech-tag{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);border-radius:8px;color:#9ca3af;font-size:.85rem;font-weight:500;padding:6px 14px}.project-links{align-items:center;display:flex;gap:16px}.proj-btn{align-items:center;border-radius:10px;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:10px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb;box-shadow:0 10px 20px -10px rgba(59,130,246,.5);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.btn-secondary{background:transparent;border:1px solid hsla(0,0%,100%,.15);color:#fff}.btn-secondary:hover{background:hsla(0,0%,100%,.05);border-color:#fff;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.link-icon{font-size:.8rem}@media (max-width:1024px){.featured-card{grid-template-columns:1fr}.featured-card>:first-child,.featured-image-wrapper{height:300px}.featured-details{padding:40px}}@media (max-width:640px){.section-title{font-size:2rem}.featured-details{padding:30px 20px}.project-title{font-size:1.8rem}.project-links{flex-direction:column;width:100%}.proj-btn{justify-content:center;width:100%}}.projects-section{background:#030712;display:flex;justify-content:center;padding:80px 8% 120px;position:relative;width:100%}.projects-container{display:flex;flex-direction:column;gap:50px;max-width:1300px;width:100%}.projects-header{text-align:left}.projects-subtitle{color:#3b82f6;font-size:.85rem;font-weight:700;letter-spacing:2px;text-transform:uppercase}.projects-title{color:#fff;font-size:2.5rem;font-weight:800;margin:8px 0 0}.projects-description{color:#9ca3af;font-size:1.05rem;margin-top:12px;max-width:600px}.projects-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);width:100%}.project-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:rgba(15,23,42,.25);border:1px solid hsla(0,0%,100%,.03);border-radius:20px;display:flex;flex-direction:column;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.project-card:hover{border-color:rgba(59,130,246,.2);box-shadow:0 20px 40px -15px rgba(0,0,0,.7);-webkit-transform:translateY(-6px);transform:translateY(-6px)}.card-media-box{background:#0f172a;display:block;height:220px;overflow:hidden;position:relative;width:100%}.card-img{display:block!important;height:100%!important;object-fit:cover!important;object-position:top center;transition:-webkit-transform .5s cubic-bezier(.4,0,.2,1);transition:transform .5s cubic-bezier(.4,0,.2,1);transition:transform .5s cubic-bezier(.4,0,.2,1),-webkit-transform .5s cubic-bezier(.4,0,.2,1);width:100%!important}.project-card:hover .card-img{-webkit-transform:scale(1.05);transform:scale(1.05)}.card-media-overlay{background:linear-gradient(180deg,transparent 50%,rgba(3,7,18,.6));bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:2}.card-info-box{display:flex;flex-direction:column;flex-grow:1;padding:24px}.card-project-title{font-size:1.35rem;font-weight:700;margin:0 0 12px}.title-link{color:#fff;text-decoration:none;transition:color .2s ease}.title-link:hover{color:#3b82f6}.card-project-desc{color:#9ca3af;flex-grow:1;font-size:.92rem;line-height:1.6;margin:0 0 20px}.card-tech-footer{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.04);border-radius:10px;margin-bottom:24px;padding:12px 14px}.tech-stack-label{color:#3b82f6;display:block;font-size:.72rem;font-weight:700;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.tech-stack-text{color:#e5e7eb;font-size:.85rem;font-weight:500;line-height:1.4;margin:0}.card-action-links{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);width:100%}.card-link-btn{align-items:center;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.88rem;font-weight:600;gap:8px;justify-content:center;padding:10px 14px;text-decoration:none;transition:all .25s ease}.btn-solid{background:#3b82f6;color:#fff}.btn-solid:hover{background:#2563eb;box-shadow:0 8px 16px -8px rgba(59,130,246,.5)}.btn-outline{background:transparent;border:1px solid hsla(0,0%,100%,.12);color:#fff}.btn-outline:hover{background:hsla(0,0%,100%,.04);border-color:hsla(0,0%,100%,.3)}.mini-icon{font-size:.75rem}@media (max-width:1100px){.projects-grid{gap:24px;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.projects-section{padding:60px 5% 80px}.projects-grid{gap:20px;grid-template-columns:1fr}.card-media-box{height:220px}}.cert-section{background:#030712;display:flex;justify-content:center;padding:80px 8% 100px;position:relative;width:100%}.cert-container{display:flex;flex-direction:column;gap:50px;max-width:1300px;width:100%}.cert-header{text-align:left}.cert-subtitle{color:#3b82f6;font-size:.85rem;font-weight:700;letter-spacing:2px;text-transform:uppercase}.cert-title{color:#fff;font-size:2.5rem;font-weight:800;margin:8px 0 0}.cert-description{color:#9ca3af;font-size:1.05rem;margin-top:12px;max-width:600px}.cert-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(2,1fr);width:100%}.cert-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:rgba(15,23,42,.25);border:1px solid hsla(0,0%,100%,.03);border-radius:20px;display:flex;gap:25px;overflow:hidden;padding:35px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.cert-card:hover{border-color:rgba(59,130,246,.2);box-shadow:0 20px 40px -15px rgba(0,0,0,.6);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.cert-icon-box{align-items:center;background:rgba(59,130,246,.08);border:1px solid rgba(59,130,246,.15);border-radius:14px;color:#3b82f6;display:flex;flex-shrink:0;font-size:1.5rem;height:55px;justify-content:center;transition:all .3s ease;width:55px}.cert-card:hover .cert-icon-box{background:#3b82f6;box-shadow:0 0 15px rgba(59,130,246,.4);color:#fff}.cert-info-box{display:flex;flex-direction:column;flex-grow:1;height:100%}.cert-meta{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.cert-issuer{color:#3b82f6;font-size:.82rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.cert-date{color:#6b7280;font-size:.85rem;font-weight:500}.cert-card-title{color:#fff;font-size:1.3rem;font-weight:700;line-height:1.4;margin:0 0 12px}.cert-card-desc{color:#9ca3af;font-size:.9rem;line-height:1.6;margin:0 0 20px}.cert-verify-btn{align-items:center;color:#fff;display:inline-flex;font-size:.88rem;font-weight:600;gap:8px;margin-top:auto;padding-top:10px;text-decoration:none;transition:color .2s ease;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.cert-verify-btn:hover{color:#3b82f6}.cert-link-icon{font-size:.75rem}.cert-corner-award{bottom:-15px;color:hsla(0,0%,100%,.015);font-size:6.5rem;pointer-events:none;position:absolute;right:-10px;-webkit-transform:rotate(-15deg);transform:rotate(-15deg);transition:color .3s ease}.cert-card:hover .cert-corner-award{color:rgba(59,130,246,.025)}@media (max-width:968px){.cert-grid{gap:20px;grid-template-columns:1fr}}@media (max-width:640px){.cert-section{padding:60px 5% 80px}.cert-card{flex-direction:column;gap:15px;padding:25px}.cert-meta{align-items:flex-start;flex-direction:column;gap:4px}.cert-title{font-size:2rem}}.contact-section{background:#030712;display:flex;justify-content:center;padding:100px 8% 120px;position:relative;width:100%}.contact-container{grid-gap:80px;display:grid;gap:80px;grid-template-columns:1fr 1.2fr;max-width:1300px;width:100%}.contact-info-panel{display:flex;flex-direction:column}.contact-subtitle{color:#3b82f6;font-size:.85rem;font-weight:700;letter-spacing:2px;text-transform:uppercase}.contact-title{color:#fff;font-size:2.5rem;font-weight:800;margin:8px 0 0}.contact-panel-desc{color:#9ca3af;font-size:1.05rem;line-height:1.7;margin:20px 0 40px}.info-details-list{display:flex;flex-direction:column;gap:24px;margin-bottom:45px}.info-item{gap:18px}.info-icon-box,.info-item{align-items:center;display:flex}.info-icon-box{background:rgba(59,130,246,.06);border:1px solid rgba(59,130,246,.12);border-radius:10px;color:#3b82f6;font-size:1.15rem;height:46px;justify-content:center;width:46px}.info-text span{color:#6b7280;display:block;font-size:.78rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.info-text p{color:#fff;font-size:1rem;font-weight:500;margin:2px 0 0}.contact-social-row{align-items:center;display:flex;gap:14px}.social-circle-btn{align-items:center;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.06);border-radius:50%;color:#9ca3af;display:flex;font-size:1.1rem;height:42px;justify-content:center;text-decoration:none;transition:all .25s ease;width:42px}.social-circle-btn:hover{background:#3b82f6;border-color:#3b82f6;box-shadow:0 8px 16px -6px rgba(59,130,246,.4);color:#fff;-webkit-transform:translateY(-3px);transform:translateY(-3px)}.contact-form-panel{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:rgba(15,23,42,.2);border:1px solid hsla(0,0%,100%,.03);border-radius:24px;padding:45px}.portfolio-contact-form{display:flex;flex-direction:column;gap:24px}.input-group-wrapper{display:flex;flex-direction:column;gap:8px}.input-group-wrapper label{color:#e5e7eb;font-size:.85rem;font-weight:600}.input-group-wrapper input,.input-group-wrapper textarea{background:rgba(3,7,18,.4);border:1px solid hsla(0,0%,100%,.08);border-radius:10px;color:#fff;font-family:inherit;font-size:.95rem;outline:none;padding:14px 16px;transition:all .25s ease}.input-group-wrapper input:focus,.input-group-wrapper textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.15)}.form-submit-btn{align-items:center;background:#3b82f6;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:10px;justify-content:center;margin-top:10px;padding:14px 28px;transition:all .25s ease}.form-submit-btn:hover{background:#2563eb;box-shadow:0 10px 20px -10px rgba(59,130,246,.5);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.btn-sending{background:#1d4ed8;cursor:not-allowed}.submit-btn-icon{font-size:.82rem}@media (max-width:1024px){.contact-container{gap:50px;grid-template-columns:1fr}}@media (max-width:640px){.contact-section{padding:60px 5% 80px}.contact-title{font-size:2rem}.contact-form-panel{padding:30px 20px}}.portfolio-footer{align-items:center;background:#030712;display:flex;flex-direction:column;padding:0 8% 30px;position:relative;width:100%}.footer-divider-line{background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.05) 50%,hsla(0,0%,100%,0));height:1px;margin-bottom:60px;max-width:1300px;width:100%}.footer-container{grid-gap:50px;display:grid;gap:50px;grid-template-columns:1.5fr 1fr 1fr;max-width:1300px;padding-bottom:50px;width:100%}.footer-brand-box{display:flex;flex-direction:column;gap:14px}.footer-logo-text{color:#fff;font-size:1.5rem;font-weight:800;letter-spacing:-.5px;margin:0}.footer-logo-text span{color:#3b82f6}.footer-tagline{color:#9ca3af;font-size:.95rem;line-height:1.6;margin:0;max-width:320px}.footer-heading{color:#fff;font-size:.9rem;font-weight:700;letter-spacing:1px;margin:0 0 20px;text-transform:uppercase}.footer-links-list{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.footer-links-list a{color:#9ca3af;font-size:.92rem;font-weight:500;text-decoration:none;transition:color .2s ease}.footer-links-list a:hover{color:#3b82f6}.footer-social-box{display:flex;flex-direction:column}.footer-social-row{align-items:center;display:flex;gap:14px}.footer-social-link{align-items:center;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05);border-radius:10px;color:#9ca3af;display:flex;font-size:1.1rem;height:38px;justify-content:center;text-decoration:none;transition:all .2s ease;width:38px}.footer-social-link:hover{background:rgba(59,130,246,.1);border-color:rgba(59,130,246,.3);color:#3b82f6;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.footer-bottom-bar{align-items:center;border-top:1px solid hsla(0,0%,100%,.03);display:flex;justify-content:space-between;max-width:1300px;padding-top:30px;width:100%}.copyright-text{color:#6b7280;font-size:.85rem;margin:0}.scroll-top-btn{align-items:center;background:transparent;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:6px;transition:color .2s ease}.scroll-top-btn:hover{color:#3b82f6}.arrow-up-icon{font-size:.95rem}@media (max-width:768px){.footer-container{gap:40px;grid-template-columns:1fr;padding-bottom:40px}.footer-divider-line{margin-bottom:40px}.footer-bottom-bar{align-items:center;flex-direction:column-reverse;gap:20px;text-align:center}}
/*# sourceMappingURL=main.ddd1a382.css.map*/