*,:before,:after{--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: rgb(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: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::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: rgb(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: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}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{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-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,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.inset-x-0{left:0;right:0}.-top-8{top:-2rem}.bottom-full{bottom:100%}.left-1\/2{left:50%}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.h-10{height:2.5rem}.h-16{height:4rem}.h-4{height:1rem}.h-5{height:1.25rem}.w-10{width:2.5rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-fit{width:-moz-fit-content;width:fit-content}.grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.whitespace-pre{white-space:pre}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.pb-3{padding-bottom:.75rem}.text-xs{font-size:.75rem;line-height:1rem}.text-neutral-500{--tw-text-opacity: 1;color:rgb(115 115 115 / var(--tw-text-opacity, 1))}.text-neutral-700{--tw-text-opacity: 1;color:rgb(64 64 64 / var(--tw-text-opacity, 1))}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@media (min-width: 768px){.md\:flex{display:flex}.md\:hidden{display:none}}@media (prefers-color-scheme: dark){.dark\:border-neutral-900{--tw-border-opacity: 1;border-color:rgb(23 23 23 / var(--tw-border-opacity, 1))}.dark\:bg-neutral-800{--tw-bg-opacity: 1;background-color:rgb(38 38 38 / var(--tw-bg-opacity, 1))}.dark\:bg-neutral-900{--tw-bg-opacity: 1;background-color:rgb(23 23 23 / var(--tw-bg-opacity, 1))}.dark\:text-neutral-400{--tw-text-opacity: 1;color:rgb(163 163 163 / var(--tw-text-opacity, 1))}.dark\:text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}}:root{--primary-text: #303030;--bg-color: #faf7ef}html,body{margin:0;padding:0;box-sizing:border-box;width:100vw;height:100vh;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}body{font-family:Metropolis,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;line-height:1.7;color:var(--primary-text);background:var(--bg-color);font-size:15px;letter-spacing:-.01em;background-image:linear-gradient(rgba(0,0,0,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.02) 1px,transparent 1px);background-size:20px 20px}*{margin:0;padding:0;box-sizing:border-box}.star-container{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;z-index:-1}.animated-star{position:absolute;width:20px;height:auto;opacity:.7;pointer-events:none;animation-name:moveDiagonal;animation-timing-function:linear;animation-iteration-count:infinite;transform-origin:center center}.animated-star-1{top:-20%;right:-20%;animation-duration:25s;animation-delay:0s}.animated-star-2{top:-30%;right:-10%;animation-duration:35s;animation-delay:5s}.animated-star-3{top:-25%;right:-15%;animation-duration:28s;animation-delay:10s}.animated-star-4{top:-35%;right:-5%;animation-duration:38s;animation-delay:3s}.animated-star-5{top:-15%;right:-25%;animation-duration:33s;animation-delay:3s}@keyframes moveDiagonal{0%{transform:translate(0);opacity:.7}to{transform:translate(-120vw,120vh);opacity:.7}}.uparwala{padding-left:10vw;display:flex;flex-direction:column;align-items:flex-start;width:100%}.front-ptop{font-size:6vw;padding-top:10vh;padding-left:5vw;display:flex;flex-direction:column;gap:.2rem}.t2{font-size:8vw;margin-top:-2.5rem}.skill_set{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-start;padding:2rem 5vw;margin-top:-1.5rem}.skill-item{display:inline-block;padding:.3rem .8rem;border-radius:9999px;background-color:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(138,138,138,.5);color:#444;font-size:.75rem;position:relative;overflow:hidden;transition:background-color .3s;box-sizing:border-box}.skill-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#fff3;opacity:0;transition:opacity .3s;pointer-events:none;clip-path:inset(.3rem .8rem)}.skill-item:hover:before{opacity:1}.skill-item:hover{background-color:#ffffff1a}.skill-item.no-animation{transition:none}.skill-item.no-animation:before{display:none}.skill-item.no-animation:hover{background-color:#ffffff0d}.front-pro{padding-left:5vw;margin-top:0;display:flex;gap:1.5rem;align-items:center}.front-pro span{border:1px solid rgba(255,255,255,.4);border-radius:12px;font-size:18px;font-weight:500;width:120px;height:40px;line-height:40px;text-align:center;position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;background:transparent;color:#000;transition:all .3s ease;box-shadow:0 4px 15px #0003;overflow:hidden}.front-pro span:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d;background:#ffffff1a}.front-pro span:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.front-pro span:hover:before{left:100%}.front-pro .t4{margin-left:1.5rem;border:1px solid rgba(255,255,255,.4)}@media (max-width: 640px){h1{display:none}.uparwala{padding-left:5vw;align-items:flex-start}.front-ptop{font-size:10vw;padding-top:12vh;padding-left:5vw;align-items:flex-start;text-align:left;gap:.2rem}.t2{font-size:12vw;padding-top:-4px}.t1{padding-top:-4vw;font-size:60%;margin-bottom:.5rem}.skill_set{justify-content:flex-start;padding:1rem 5vw;gap:.5rem}.skill-item{font-size:.7rem;padding:.2rem .6rem}.front-pro{padding-left:5vw;justify-content:flex-start;flex-wrap:wrap;gap:1rem}.front-pro span{width:100px;height:36px;line-height:36px;font-size:16px;box-shadow:0 3px 10px #0003}.front-pro .t4{margin-left:0}.animated-star{width:15px}.circles{opacity:.5}}@media (min-width: 641px){.uparwala{padding-left:140px}.front-ptop{font-size:30px;padding-left:40px;gap:.2rem}.t2{font-size:70px;margin-top:2rem}.skill_set{padding-left:40px;margin-top:-30px;gap:.75rem}.skill-item{font-size:.875rem;padding:.3rem 1rem}.front-pro{padding-left:40px}.front-pro span{width:160px;height:44px;line-height:44px;font-size:20px;border:1px solid rgba(255,255,255,.4)}.front-pro .t4{margin-left:2rem;border:1px solid rgba(255,255,255,.4)}.animated-star{width:30px}.circles{opacity:1}}h1{font-size:25px;padding-left:10px;padding-top:10px}:root{--darkColor: #887f64;--smDotsWidth: 25px;--bgDotsWidth: 30px;--bgCirclesSpeed: 65s;--smCirclesSpeed: 35s;--bgDotsSpeed: 10s;--smDotsSpeed: 8s}.circles{width:900px;height:900px;position:absolute;top:90%;left:70%;transform:translate(-50%,-50%);z-index:-2;overflow:hidden;filter:blur(.8px)}.circles *{border-radius:50%;position:absolute;box-sizing:border-box;top:0;bottom:0;left:0;right:0;margin:auto}.circles .bigCircles{width:100%;height:100%;transform:rotate(0);animation:CirclesMoving var(--bgCirclesSpeed) linear infinite}.circles .bigCircles .bigDots{width:160px;height:160px}.circles .bigCircles .bigDots:nth-child(1){transform:rotate(0) translate(60%)}.circles .bigCircles .bigDots:nth-child(2){transform:rotate(45deg) translate(60%)}.circles .bigCircles .bigDots:nth-child(3){transform:rotate(90deg) translate(60%)}.circles .bigCircles .bigDots:nth-child(4){transform:rotate(135deg) translate(60%)}.circles .bigCircles .bigDots:nth-child(5){transform:rotate(180deg) translate(60%)}.circles .bigCircles .bigDots:nth-child(6){transform:rotate(225deg) translate(60%)}.circles .bigCircles .bigDots:nth-child(7){transform:rotate(270deg) translate(60%)}.circles .bigCircles .bigDots:nth-child(8){transform:rotate(315deg) translate(60%)}.circles .bigCircles .bigDots:nth-child(2n) .dot:nth-child(2n){background-color:var(--darkColor)}.circles .bigCircles .bigDots:nth-child(2n) .dot:nth-child(2n-1){border:1px solid var(--darkColor)}.circles .bigCircles .bigDots:nth-child(2n-1) .dot:nth-child(2n){border:1px solid var(--darkColor)}.circles .bigCircles .bigDots:nth-child(2n-1) .dot:nth-child(2n-1){background-color:var(--darkColor)}.circles .bigCircles .bigDots .dot:nth-child(1){transform:rotate(0) translate(78px);animation:bgDotsMoving-0 var(--bgDotsSpeed) linear infinite;width:15px;height:15px}.circles .bigCircles .bigDots .dot:nth-child(2){transform:rotate(-10deg) translate(78px);animation:bgDotsMoving-1 var(--bgDotsSpeed) linear infinite;width:14px;height:14px}.circles .bigCircles .bigDots .dot:nth-child(3){transform:rotate(-20deg) translate(78px);animation:bgDotsMoving-2 var(--bgDotsSpeed) linear infinite;width:13px;height:13px}.circles .bigCircles .bigDots .dot:nth-child(4){transform:rotate(-30deg) translate(78px);animation:bgDotsMoving-3 var(--bgDotsSpeed) linear infinite;width:12px;height:12px}.circles .bigCircles .bigDots .dot:nth-child(5){transform:rotate(-40deg) translate(78px);animation:bgDotsMoving-4 var(--bgDotsSpeed) linear infinite;width:11px;height:11px}.circles .bigCircles .bigDots .dot:nth-child(6){transform:rotate(-50deg) translate(78px);animation:bgDotsMoving-5 var(--bgDotsSpeed) linear infinite;width:10px;height:10px}.circles .bigCircles .bigDots .dot:nth-child(7){transform:rotate(-60deg) translate(78px);animation:bgDotsMoving-6 var(--bgDotsSpeed) linear infinite;width:9px;height:9px}.circles .bigCircles .bigDots .dot:nth-child(8){transform:rotate(-70deg) translate(78px);animation:bgDotsMoving-7 var(--bgDotsSpeed) linear infinite;width:8px;height:8px}.circles .bigCircles .bigDots .dot:nth-child(9){transform:rotate(-80deg) translate(78px);animation:bgDotsMoving-8 var(--bgDotsSpeed) linear infinite;width:7px;height:7px}.circles .bigCircles .bigDots .dot:nth-child(10){transform:rotate(-90deg) translate(78px);animation:bgDotsMoving-9 var(--bgDotsSpeed) linear infinite;width:6px;height:6px}.circles .bigCircles .bigDots .dot:nth-child(11){transform:rotate(-100deg) translate(78px);animation:bgDotsMoving-10 var(--bgDotsSpeed) linear infinite;width:5px;height:5px}.circles .bigCircles .bigDots .dot:nth-child(12){transform:rotate(-110deg) translate(78px);animation:bgDotsMoving-11 var(--bgDotsSpeed) linear infinite;width:4px;height:4px}.circles .smallCircles{width:300px;height:300px;transform:rotate(0);animation:CirclesMoving var(--smCirclesSpeed) linear -1s infinite}.circles .smallCircles .smallDots{width:150px;height:150px}.circles .smallCircles .smallDots:nth-child(1){transform:rotate(0) translate(60%)}.circles .smallCircles .smallDots:nth-child(2){transform:rotate(45deg) translate(60%)}.circles .smallCircles .smallDots:nth-child(3){transform:rotate(90deg) translate(60%)}.circles .smallCircles .smallDots:nth-child(4){transform:rotate(135deg) translate(60%)}.circles .smallCircles .smallDots:nth-child(5){transform:rotate(180deg) translate(60%)}.circles .smallCircles .smallDots:nth-child(6){transform:rotate(225deg) translate(60%)}.circles .smallCircles .smallDots:nth-child(7){transform:rotate(270deg) translate(60%)}.circles .smallCircles .smallDots:nth-child(8){transform:rotate(315deg) translate(60%)}.circles .smallCircles .smallDots:nth-child(2n) .dot:nth-child(2n){background-color:var(--darkColor)}.circles .smallCircles .smallDots:nth-child(2n) .dot:nth-child(2n-1){border:1px solid var(--darkColor)}.circles .smallCircles .smallDots:nth-child(2n-1) .dot:nth-child(2n){border:1px solid var(--darkColor)}.circles .smallCircles .smallDots:nth-child(2n-1) .dot:nth-child(2n-1){background-color:var(--darkColor)}.circles .smallCircles .smallDots .dot:nth-child(1){transform:rotate(0) translate(48px);animation:smDotsMoving-0 var(--smDotsSpeed) linear infinite;width:13px;height:13px}.circles .smallCircles .smallDots .dot:nth-child(2){transform:rotate(-15deg) translate(48px);animation:smDotsMoving-1 var(--smDotsSpeed) linear infinite;width:12px;height:12px}.circles .smallCircles .smallDots .dot:nth-child(3){transform:rotate(-30deg) translate(48px);animation:smDotsMoving-2 var(--smDotsSpeed) linear infinite;width:11px;height:11px}.circles .smallCircles .smallDots .dot:nth-child(4){transform:rotate(-45deg) translate(48px);animation:smDotsMoving-3 var(--smDotsSpeed) linear infinite;width:10px;height:10px}.circles .smallCircles .smallDots .dot:nth-child(5){transform:rotate(-60deg) translate(48px);animation:smDotsMoving-4 var(--smDotsSpeed) linear infinite;width:9px;height:9px}.circles .smallCircles .smallDots .dot:nth-child(6){transform:rotate(-75deg) translate(48px);animation:smDotsMoving-5 var(--smDotsSpeed) linear infinite;width:8px;height:8px}.circles .smallCircles .smallDots .dot:nth-child(7){transform:rotate(-90deg) translate(48px);animation:smDotsMoving-6 var(--smDotsSpeed) linear infinite;width:7px;height:7px}.circles .smallCircles .smallDots .dot:nth-child(8){transform:rotate(-105deg) translate(48px);animation:smDotsMoving-7 var(--smDotsSpeed) linear infinite;width:6px;height:6px}.circles .smallCircles .smallDots .dot:nth-child(9){transform:rotate(-120deg) translate(48px);animation:smDotsMoving-8 var(--smDotsSpeed) linear infinite;width:5px;height:5px}.circles .smallCircles .smallDots .dot:nth-child(10){transform:rotate(-135deg) translate(48px);animation:smDotsMoving-9 var(--smDotsSpeed) linear infinite;width:4px;height:4px}.circles .smallCircles .smallDots .dot:nth-child(11){transform:rotate(-150deg) translate(48px);animation:smDotsMoving-10 var(--smDotsSpeed) linear infinite;width:3px;height:3px}.circles .smallCircles .smallDots .dot:nth-child(12){transform:rotate(-165deg) translate(48px);animation:smDotsMoving-11 var(--smDotsSpeed) linear infinite;width:2px;height:2px}@keyframes CirclesMoving{to{transform:rotate(360deg)}}@keyframes bgDotsMoving-0{to{transform:rotate(360deg) translate(78px)}}@keyframes bgDotsMoving-1{to{transform:rotate(350deg) translate(78px)}}@keyframes bgDotsMoving-2{to{transform:rotate(340deg) translate(78px)}}@keyframes bgDotsMoving-3{to{transform:rotate(330deg) translate(78px)}}@keyframes bgDotsMoving-4{to{transform:rotate(320deg) translate(78px)}}@keyframes bgDotsMoving-5{to{transform:rotate(310deg) translate(78px)}}@keyframes bgDotsMoving-6{to{transform:rotate(300deg) translate(78px)}}@keyframes bgDotsMoving-7{to{transform:rotate(290deg) translate(78px)}}@keyframes bgDotsMoving-8{to{transform:rotate(280deg) translate(78px)}}@keyframes bgDotsMoving-9{to{transform:rotate(270deg) translate(78px)}}@keyframes bgDotsMoving-10{to{transform:rotate(260deg) translate(78px)}}@keyframes bgDotsMoving-11{to{transform:rotate(250deg) translate(78px)}}@keyframes smDotsMoving-0{to{transform:rotate(360deg) translate(48px)}}@keyframes smDotsMoving-1{to{transform:rotate(345deg) translate(48px)}}@keyframes smDotsMoving-2{to{transform:rotate(330deg) translate(48px)}}@keyframes smDotsMoving-3{to{transform:rotate(315deg) translate(48px)}}@keyframes smDotsMoving-4{to{transform:rotate(300deg) translate(48px)}}@keyframes smDotsMoving-5{to{transform:rotate(285deg) translate(48px)}}@keyframes smDotsMoving-6{to{transform:rotate(270deg) translate(48px)}}@keyframes smDotsMoving-7{to{transform:rotate(255deg) translate(48px)}}@keyframes smDotsMoving-8{to{transform:rotate(240deg) translate(48px)}}@keyframes smDotsMoving-9{to{transform:rotate(225deg) translate(48px)}}@keyframes smDotsMoving-10{to{transform:rotate(210deg) translate(48px)}}@keyframes smDotsMoving-11{to{transform:rotate(195deg) translate(48px)}}.social-btns-container{display:flex;gap:1rem;padding-left:10vw;margin:1.5rem 0;align-items:center}.social-btn{display:flex;align-items:center;gap:.5rem;background:#d4cdba;color:#fff;border-radius:2rem;padding:.6rem 1rem;font-size:.875rem;font-weight:600;text-decoration:none;box-shadow:0 2px 8px #00000014;border:2px solid #ffffff;transition:background .2s,color .2s,transform .15s}.social-btn .icon{font-size:1.2rem}.social-btn.github:hover{background:#5a5a5a;color:#fff;transform:translateY(-2px) scale(1.05)}.social-btn.linkedin{border-color:#fff}.social-btn.linkedin:hover{background:#90b3d6;color:#fff;transform:translateY(-2px) scale(1.05)}.social-btn.gmail{border-color:#fff}.social-btn.gmail:hover{background:#be8e89;color:#fff;transform:translateY(-2px) scale(1.05)}@media (max-width: 640px){.social-btns-container{padding-left:10vw;gap:.5rem;justify-content:flex-start;flex-wrap:wrap;margin-top:1rem}.social-btn{padding:.4rem .8rem;font-size:.75rem}.social-btn .icon{font-size:1rem}}@media (min-width: 641px){.social-btns-container{padding-left:180px;gap:1.5rem;margin-top:2rem}.social-btn{padding:.8rem 1.2rem;font-size:.875rem}.social-btn .icon{font-size:1.5rem}}:root{--primary-text: #000000}.cursor{position:fixed;width:20px;height:20px;border:1px solid var(--primary-text);border-radius:50%;pointer-events:none;z-index:9999;transition:border-color .3s ease,opacity .2s ease;opacity:1;visibility:visible;will-change:transform;transform:translate(-50%,-50%)}.cursor-dot{position:fixed;width:4px;height:4px;background:var(--primary-text);border-radius:50%;pointer-events:none;z-index:10000;transition:background-color .3s ease,opacity .2s ease;opacity:1;visibility:visible;will-change:transform;transform:translate(-50%,-50%)}html,body,*{cursor:none!important}.navbar-container{display:flex;justify-content:center;align-items:center;position:absolute;top:20px;width:35%;left:50%;transform:translate(-50%);background:#faf7ef;height:5px;border-radius:3rem;box-shadow:0 4px 24px #75757514;padding:1.2rem;gap:2.5rem;border:1px solid #4b4b4b;opacity:0;animation:spreadBorder 2s cubic-bezier(.4,0,.2,1) forwards .5s;z-index:2}.navbar-container:before{content:"";position:absolute;width:10px;height:10px;border:2px solid #000;background:transparent;border-radius:50%;top:50%;left:-10px;transform:translateY(-50%);animation:moveAndBurst 2s cubic-bezier(.4,0,.2,1) forwards}@keyframes moveAndBurst{0%{left:-10px;top:50%;width:10px;height:10px}50%{left:40%;top:50%;width:10px;height:10px}60%{width:20px;height:20px}to{width:0;height:0;opacity:0}}@keyframes spreadBorder{0%{opacity:0;border-width:0}70%{opacity:1;border-width:0}to{opacity:1;border-width:1px}}.navbar-link{display:flex;align-items:center;justify-content:center;background:#faf7ef;border-radius:2rem;padding:.7rem 2rem;font-size:1rem;font-weight:600;width:5%;height:30%;border:1px solid hidden;box-shadow:0 2px 8px #f1ebd6;transition:background .2s ease-in-out,color .2s ease-in-out,transform .3s ease-in-out;cursor:pointer;text-decoration:none;opacity:0;animation:fadeInLinks 1.5s ease-out forwards 2s}@keyframes fadeInLinks{0%{opacity:0}to{opacity:1}}.navbar-link:hover{background:#f0ede5;color:#000;transform:translateY(-2px) scale(1.06)}@media (max-width: 768px){.navbar-container{width:clamp(202.5px,56.7vw,324px);padding:1.21rem;height:6.05px;gap:1.5rem;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;justify-content:flex-start;position:relative}.navbar-container:after{content:"";position:absolute;top:0;right:0;width:10px;height:100%;background:linear-gradient(to left,rgba(250,247,239,.3),transparent);pointer-events:none}.navbar-container::-webkit-scrollbar{display:none}.navbar-container{-ms-overflow-style:none;scrollbar-width:none}.navbar-link{min-width:clamp(70px,12vw,100px);padding:.4rem .8rem;font-size:.9rem}}@media (max-width: 480px){.navbar-container{width:clamp(162px,48.6vw,243px);padding:.968rem;height:6.05px;gap:1rem}.navbar-container:after{width:8px;background:linear-gradient(to left,rgba(250,247,239,.3),transparent)}.navbar-link{min-width:clamp(60px,10vw,90px);padding:.3rem .7rem;font-size:.85rem}}.sec_page{padding-top:5rem;padding-bottom:3rem}.sec_page p{font-size:clamp(1rem,3vw,1.25rem);margin:1.2rem clamp(.5rem,2vw,1.5rem);color:#000;text-align:center;padding-left:1.5rem;padding-right:1.5rem;line-height:1.5}.aboutwala{display:flex;flex-direction:row;justify-content:center;padding:.625rem;margin:1.5rem auto;max-width:90%;gap:1rem}.about-me{display:flex;font-size:clamp(2.5rem,10vw,4rem);justify-content:center;align-items:center;color:#c2ab6c;margin-bottom:.8rem}:root{--size: clamp(.875rem, 3vw, 1.25rem)}.animated-button{font-size:var(--size);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;padding:.6rem 1.4rem;border-radius:1.25rem;border:1px solid #333;color:#646464;position:relative;overflow:hidden;transition:color .4s ease;cursor:pointer;margin:0 .4rem}.animated-button:hover{color:#000;background-color:#f5e1ab;color:#131010}.animated-button .btn-content{pointer-events:none;position:relative;z-index:3}.animated-button .btn-cells{position:absolute;z-index:2;width:100%;height:100%;top:0;left:0;display:grid;grid-template-columns:repeat(10,1fr);grid-auto-rows:1fr;overflow:hidden}.animated-button .btn-cells span{width:100%;height:100%;display:block;position:relative}.animated-button .btn-cells span:before{content:"";display:block;position:absolute;width:3.125rem;height:3.125rem;background:#fff;background-image:linear-gradient(to right,#faf7ef,color-mix(in srgb,#fad99b,rgb(255,255,255) 50%));transition:transform .8s ease;transform:scale(0);border-radius:6.25rem}.animated-button:hover .btn-cells span:before{transform:scale(12)}.grid{display:grid;grid-template-columns:1.5fr 1.5fr 1.5fr;gap:clamp(.8rem,2vw,1.5rem);margin:2.5rem auto;padding:0 1rem;max-width:1400px}.card{position:relative;transition:all .25s ease;height:100%;min-height:13rem;border-radius:1rem;overflow:hidden;opacity:0;transform:translateY(30px)}.card.visible{opacity:1;transform:translateY(0);transition:all .9s cubic-bezier(.25,.8,.25,1)}.card:hover{transform:translateY(-6px) scale(1.015)}.card-inner{position:relative;z-index:1;background:#faf7efeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:1rem;padding:1rem;border:1px solid rgba(0,0,0,.08);height:100%;display:flex;flex-direction:column;justify-content:space-between}.card-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#dfd2a8,#f5dda9);opacity:.08;transition:opacity .4s ease}.card:hover .card-bg{opacity:.18}.icon-container{width:clamp(2.4rem,6vw,3.5rem);height:clamp(2.4rem,6vw,3.5rem);border-radius:50%;display:flex;align-items:center;justify-content:center;background:#0000000f;transition:transform .3s ease}.card:hover .icon-container{transform:rotate(10deg) scale(1.1)}.icon{width:clamp(1rem,2.5vw,1.4rem);height:clamp(1rem,2.5vw,1.4rem);color:#1f2937}.number{font-size:clamp(2rem,6vw,3.2rem);font-weight:800;color:#1f2937;line-height:1}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.8rem}.title{font-size:clamp(1.05rem,3vw,1.35rem);text-transform:uppercase;letter-spacing:.08em;color:#6b7280;font-weight:600;margin-bottom:.3rem}.description{font-size:clamp(.9rem,2.4vw,1.05rem);color:#4b5563;line-height:1.35}.footer{display:flex;align-items:center;justify-content:space-between;margin-top:.8rem}.arrow-icon{width:1.1rem;height:1.1rem;color:#6b7280;transition:color .3s ease,transform .3s ease}.card:hover .arrow-icon{color:#1f2937;transform:translate(4px,-4px)}@media (max-width: 820px){.sec_page{padding-top:4rem;padding-bottom:4rem}.sec_page p{padding-left:1.2rem;padding-right:1.2rem;margin:1.2rem 0;font-size:clamp(1.15rem,4.5vw,1.45rem);line-height:1.6}.aboutwala{flex-direction:column;gap:1.2rem}.animated-button{width:82vw;max-width:280px;margin:.5rem auto;padding:.8rem 1.5rem;font-size:clamp(1.1rem,4.2vw,1.3rem)}.grid{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:1.4rem;padding:0 1.2rem;margin:2rem 0}.card-projects,.card-certificates,.card-experience{grid-column:1 / 2;grid-row:auto}.card{min-height:13rem}.card-inner{padding:1.2rem 1rem;max-width:96%;margin:0 auto}.number{font-size:clamp(2.8rem,10vw,4.2rem)}.title{font-size:clamp(1.3rem,5vw,1.7rem)}.description{font-size:clamp(1.1rem,4.2vw,1.35rem);line-height:1.5}.icon-container{width:clamp(3.2rem,9vw,4.5rem);height:clamp(3.2rem,9vw,4.5rem)}.icon{width:clamp(1.3rem,4vw,1.6rem);height:clamp(1.3rem,4vw,1.6rem)}.arrow-icon{width:clamp(1rem,3.5vw,1.3rem);height:clamp(1rem,3.5vw,1.3rem)}}@media (max-width: 480px){.grid{gap:1.6rem;padding:0 1rem}.card-inner{padding:1.1rem .9rem}.number{font-size:clamp(2.5rem,9.5vw,3.8rem)}.title{font-size:clamp(1.2rem,4.8vw,1.6rem)}.description{font-size:clamp(1rem,4vw,1.25rem)}.sec_page p{font-size:clamp(1.1rem,4.5vw,1.35rem)}.animated-button{font-size:clamp(1.05rem,4.2vw,1.25rem)}}html{scroll-behavior:smooth}.page3-container{max-width:90vw;margin:0 auto;padding:1.5rem 5vw;color:#faf7ef;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:transparent;border-radius:12px;box-shadow:none}.page3-title{font-size:2rem;font-weight:700;color:#c4b88f;text-align:center;margin-bottom:.5rem}.page3-subtitle{font-size:1rem;text-align:center;margin-bottom:1.5rem;color:#766f50;max-width:90%;margin-left:auto;margin-right:auto}.tabs{display:flex;justify-content:center;gap:1rem;margin-bottom:1.5rem;width:-moz-fit-content;width:fit-content;background:#e6dcb466;border-radius:30px;padding:.2rem .5rem;box-shadow:inset 0 0 10px #d1cfc7aa;margin-left:auto;margin-right:auto}.tab-button{background:transparent;border:none;color:#b8a96c;font-weight:600;font-size:.8rem;padding:.2rem 1rem;border-radius:30px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.4rem}.tab-button:hover{color:#a67c00}.tab-button.active{background:linear-gradient(90deg,#dfd2ac,#d5d1bf);color:#717066;box-shadow:0 0 15px #8b8567}.tab-content{min-height:300px;opacity:1;transition:opacity .3s ease,transform .3s ease}.tab-content.fade-in{opacity:1;transform:translateY(0)}.tab-content.fade-out{opacity:0;transform:translateY(20px)}.projects-grid{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.project-card{background:#e6dcb44d;border-radius:12px;padding:.8rem;width:320px;max-width:90vw;height:320px;box-shadow:0 0 15px #a7a5a1aa;display:flex;flex-direction:column;color:#9d9a92;transition:transform .8s ease-in-out,opacity .8s ease-in-out;opacity:0}.project-card:nth-child(1){transform:translate(100px)}.project-card:nth-child(2){transform:translate(-100px)}.project-card:nth-child(3){transform:translateY(100px)}.project-card.visible{opacity:1;transform:translate(0) translateY(0)}.project-card:hover{transform:translateY(-5px);box-shadow:0 0 25px #d2cfc1}.project-image{width:100%;height:60px;-o-object-fit:cover;object-fit:cover;border-radius:8px;margin-bottom:.8rem}.project-title{font-weight:700;font-size:1rem;margin-bottom:.4rem;color:#afa37d}.project-description{font-size:.8rem;flex-grow:1;margin-bottom:.8rem;color:#beb594}.project-links{display:flex;justify-content:space-around;align-items:center;padding-bottom:5px}.live-demo-link{color:#b9a66c;text-decoration:none;font-weight:600;font-size:.8rem}.live-demo-link:hover{text-decoration:underline}.details-button{background:#877f55;border:none;color:#fff;padding:.3rem .7rem;border-radius:6px;cursor:pointer;font-weight:600;font-size:.8rem;width:120px;transition:background .3s ease}.details-button:hover{background:#b69f64}.certificates-placeholder{text-align:center;font-size:1.1rem;color:#b8a96c;padding:2rem 0}.techstack-grid{display:grid;grid-template-columns:repeat(4,minmax(80px,1fr));gap:1.2rem 1rem;justify-items:center;padding:0 5vw;margin-top:1.5rem}.tech-card{background:#e6dcb44d;border-radius:12px;width:100%;max-width:110px;height:110px;box-shadow:0 0 15px #d1cfc7aa;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#faf7ef;cursor:default;transition:transform .3s ease;padding:.9rem}.tech-card:hover{transform:translateY(-6px);box-shadow:0 0 25px #6c5f36}.tech-icon{width:42px;height:42px;margin-bottom:.7rem;-o-object-fit:contain;object-fit:contain}.tech-name{font-weight:600;font-size:.88rem;text-align:center;color:#a67c00;line-height:1.2}.certificates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1.2rem 1rem;justify-items:center;margin-top:1.5rem;padding:0 4vw}.certificate-card{background:#e6dcb44d;border-radius:12px;padding:.9rem .7rem;width:100%;max-width:180px;height:220px;box-shadow:0 0 15px #a7a5a1aa;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;color:#9d9a92;text-decoration:none;transition:transform .28s ease,box-shadow .28s ease;text-align:center}.certificate-card:hover{transform:translateY(-6px) scale(1.03);box-shadow:0 0 28px #d2cfc1}.certificate-image{width:64px;height:64px;-o-object-fit:contain;object-fit:contain;margin-bottom:.9rem}.certificate-title{font-weight:700;font-size:.92rem;color:#afa37d;margin-bottom:.35rem;line-height:1.2}.certificate-issuer{font-size:.78rem;color:#beb594;margin-bottom:.3rem;line-height:1.25}.certificate-date{font-size:.74rem;color:#b8a96c;line-height:1.3}@media (max-width: 640px){.page3-container{padding:1rem 0}.page3-title,.page3-subtitle{text-align:center}.tabs{flex-wrap:nowrap;gap:.8rem;padding:.2rem .5rem;max-width:95vw}.tab-button{font-size:.9rem;padding:.25rem 1.1rem}.projects-grid{gap:1.5rem;padding:0 5vw}.project-card{width:300px;max-width:90vw;height:300px}.project-image{height:130px}.techstack-grid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:1.2rem .9rem;padding:0 6vw;margin-top:2rem}.tech-card{max-width:none;height:105px;padding:.8rem}.tech-icon{width:38px;height:38px;margin-bottom:.6rem}.tech-name{font-size:.84rem}.certificates-grid{grid-template-columns:repeat(2,1fr)!important;gap:1.4rem 1rem;padding:0 5vw;margin-top:1.8rem}.certificate-card{max-width:none;width:100%;height:210px;padding:.9rem .6rem}.certificate-image{width:58px;height:58px}.certificate-title{font-size:.88rem}.certificate-issuer{font-size:.76rem}.certificate-date{font-size:.72rem}}@media (max-width: 480px){.techstack-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 380px){.techstack-grid{grid-template-columns:repeat(2,1fr)}.certificates-grid{grid-template-columns:1fr!important}}@media (min-width: 641px){.page3-container{max-width:1200px;padding:2rem 1rem}.page3-title{font-size:2.5rem}.page3-subtitle{font-size:1.1rem;max-width:700px}.tabs{gap:1rem;padding:.5rem 1rem}.tab-button{font-size:1rem;padding:.5rem 1.5rem}.projects-grid{padding-left:80px;padding-right:80px}.project-card{width:320px;height:320px;padding:0;overflow:hidden}.project-image{height:160px;border-radius:12px 12px 0 0;border:solid 5px #fff8e0;margin:0}.techstack-grid{grid-template-columns:repeat(4,minmax(90px,1fr));gap:1.5rem 1.2rem;padding-left:80px;padding-right:80px}.tech-card{max-width:120px;height:120px;padding:1.1rem}.tech-icon{width:48px;height:48px}.certificates-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1.5rem;padding-left:80px;padding-right:80px;margin-top:2rem}.certificate-card{width:180px;height:220px;padding:1rem}}.page4-container{max-width:900px;margin:0 auto;padding:2rem 1rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#faf7ef;background:transparent;border-radius:12px;box-shadow:none}.page4-title{font-size:2.5rem;font-weight:700;color:#a67c00;text-align:center;margin-bottom:.5rem}.page4-subtitle{font-size:1.1rem;text-align:center;margin-bottom:2rem;color:#b8a96c;max-width:600px;margin-left:auto;margin-right:auto}.contact-wrapper{display:flex;flex-direction:column;gap:2rem}@media (min-width: 768px){.contact-wrapper{flex-direction:row;justify-content:space-between}}@media (max-width: 768px){.page4-container{padding:2rem clamp(1rem,5vw,2rem)}}@media (max-width: 480px){.page4-container{padding:1.5rem clamp(.5rem,3vw,1rem)}}.contact-form-section{background:#e6dcb44d;border-radius:12px;padding:1.5rem;flex:1;box-shadow:0 0 15px #d1cfc7aa}.section-title{font-size:1.8rem;font-weight:700;color:#b2994f;margin-bottom:.5rem}.section-subtitle{font-size:1rem;color:#b8a96c;margin-bottom:1.5rem}.contact-form{display:flex;flex-direction:column;gap:1rem}.input-field,.textarea-field{background:#e6dcb433;border:1px solid #d1b000;border-radius:8px;padding:.75rem 1rem;color:#a67c00;font-size:1rem;font-family:inherit;resize:vertical;transition:border-color .3s ease}.input-field::-moz-placeholder,.textarea-field::-moz-placeholder{color:#b8a96c}.input-field::placeholder,.textarea-field::placeholder{color:#b8a96c}.input-field:focus,.textarea-field:focus{outline:none;border-color:#a67c00;background:#e6dcb466}.textarea-field{min-height:100px}.send-button{background:linear-gradient(90deg,#bcae83,#bcb47e);color:#fff;border:none;padding:.75rem 1.5rem;font-weight:700;font-size:1rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:background .3s ease}.send-button:hover{background:linear-gradient(90deg,#d1b000,#a67c00)}.send-icon{font-size:1.2rem}.connect-section{background:#cec2934d;border-radius:12px;padding:1.5rem;flex:1;box-shadow:0 0 15px #d1cfc7aa}.connect-title{font-size:1.5rem;font-weight:700;color:#9f9062;margin-bottom:1rem;border-bottom:2px solid #715910c2;padding-bottom:.5rem}.connect-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.connect-link{display:flex;align-items:center;gap:.75rem;background:#e6dcb433;border-radius:8px;padding:.75rem 1rem;color:#826d2fe0;text-decoration:none;font-weight:600;transition:background .3s ease}.connect-link:hover{background:#e6dcb466}.connect-icon{font-weight:700;font-size:1.2rem;display:inline-block;width:24px;text-align:center}.slide-in-left{opacity:0;transform:translate(-80px);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}.slide-in-right{opacity:0;transform:translate(80px);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}.slide-in-visible{opacity:1;transform:translate(0)}