@import"https://fonts.googleapis.com/css2?family=Poppins: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";/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.z-10{z-index:10}.container{width:100%}.flex{display:flex}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-full{width:100%}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}.bg-blue-100{background-color:var(--color-blue-100)}.text-blue-600{font-size:var(--text-blue-600)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root,:host{--color-blue-100:#2d2d38;--text-blue-600:#2563eb}@layer utilities{.flex-center{justify-content:center;align-items:center;display:flex}.flex-col-center{flex-direction:column;justify-content:center;align-items:center;display:flex}}*{box-sizing:border-box;margin:0;padding:0}:root{box-sizing:border-box;background-color:#111;background-image:linear-gradient(174.2deg,var(--bg-1)7.1%,var(--bg-2)67.4%);--primary-color:cornflowerblue;--background-color:#f8f9fa;--text-color:#333;--title-color:darkslateblue;--primary-red:#ff4d5a;--white:#fff;--light-white:#d3d3d3;--black:#000;--card-bg:#d3d3d3;--light-bluish-grey:#c3d2eb;--dark-grey:darkgrey;--blue:#602dff;--orangered:orangered;--light-red:#ff6464;--lavenderblush:lavenderblush;--white-shadow:#e2e8f0;--vivid-orange:#faad14;--light-white-one:#bcbcbc;--primary-gray:darkslategray;--darkslategrey:darkslategrey;--light-grey:#f4f4f4;--sunlight:#f59e0b;--dark-night:#18181be6;--navy:navy;--theme-shadow:#63636333;--border-gray:#ffffff4d;--box-shadow-about:#0000001a;--light-skin:#ffefda;--antiquewhite:antiquewhite;--coral:coral;--black-2:#111;--bg-1:#fff4e4;--bg-2:#f0f6ee;--greenyellow:greenyellow;--white-2:#fff9f0;--white-transparent:#fff6;--dark-blue-shadow:#1f26875e;--white-border-transparent:#ffffff2e;--black-soft-shadow:#0003;--white-border-30:#ffffff4d;--creamy-bg:#fff9f0;--gray-hover:#777;--blur-shadow-light:#ffffff4d;--blur-shadow-strong:#e2e8f0;--blur-shadow-border:#ffffff2e;--box-shadow-1:#3b82f680;--box-shadow-2:#fa7e9380;--box-shadow-3:#ffc17e80;--box-shadow-4:#9affab80;--gradient-1:#93c5fd4d;--gradient-2:#f9a8d44d;--gradient-3:#fb923c4d;--gradient-4:#6ee7b74d;--gradient-5:#a78bfa4d;--timeline-gradient-start:#f67b50;--timeline-gradient-end:#0f4667;--title-dark-blue:#072151;--text-grey:#373737;--text-light-grey:#353535;--red:red;--light-yellow:#fff4df;--light-orange:#fc3d0333;--orange:#fc3d03;--light-gray:#f5f5f5;--cream-yellow:#ffeabf;--linkedin-blue:#0072b1;--github-black:#171717;--neumorph-gray:#e0e0e0;--neumorph-shadow-dark:#c3c3c3;--neumorph-shadow-light:#fdfdfd;--social-hover-bg:#7da0cb00;--input-label-purple:#170055;--contact-focus-blue:#602dff80;--light-blue:#37c1fd;--light-gray-2:#ccc;--card-bg-color:#096dd9;--profile-border-radius:15px;--glow-orange:#ff8400;--glow-yellow:#f5ff00;--shadow-black-05:#00000005;--shadow-black-07:#00000007;--shadow-black-09:#00000009;--shadow-black-0b:#0000000b;--shadow-black-0d:#0000000d;--shadow-black-12:#00000012;--text-1:#fff;--yellow:#ffa600;--text-2:#000;--primary-yellow:#ffa600;--primary-blue:#2563eb;--electric-cyan:#0ff;--neon-pink:#ff0040;--dark-bg:#0a0a0a;--panel-bg:#14141ed9;--glass-border:#ffa6004d;padding:0}[data-theme=dark]{--primary-color:#6a1b9a;--background-color:#303030;--text-color:#eee;background-color:#130f40;background-image:linear-gradient(315deg,var(--bg-1)0%,var(--bg-2)74%);--bg-color:#130f40;--bg-1:#130f40;--bg-2:#000;--yellow:#ffa600;--text-1:#fff;--text-2:#000}body{background-color:var(--background-color);color:var(--text-color);margin:0}body::-webkit-scrollbar{display:none}:root{--gradient:radial-gradient(circle,#e5e5e5 0%,#fff 100%)}html,body{color:#fff;scroll-behavior:smooth;background-color:#000;width:100dvw;font-family:Mona Sans,sans-serif;overflow-x:hidden}section{width:100dvw}.slide{flex-direction:column;transition:all cubic-bezier(.71,.03,.34,1);display:inline-block}.wrapper{flex-direction:column;animation:21s cubic-bezier(.9,.01,.3,.99) infinite wordSlider;display:flex}@keyframes wordSlider{0%{transform:translateY(.5%)}12.5%{transform:translateY(-12.5%)}25%{transform:translateY(-25%)}37.5%{transform:translateY(-37.5%)}50%{transform:translateY(-50%)}62.5%{transform:translateY(-62.5%)}75%{transform:translateY(-75%)}87.5%{transform:translateY(-87.5%)}}.gradient-line{background:linear-gradient(#6d45ce 7.09%,#fd5c79 37.17%,#52aeff 62.49%,#62e0ff 75%,#45dec400);width:2px}.gradient-edge:first-of-type{background:linear-gradient(90deg,#000,#fff0);left:0}.gradient-edge:nth-of-type(2){background:linear-gradient(-90deg,#000,#fff0);right:0}.marquee{width:100dvw;position:relative;overflow:hidden}.marquee-box{align-items:center;width:200%;height:100%;animation:60s linear infinite marquee;display:flex;position:absolute;overflow:hidden}.marquee-item{float:left}@keyframes marquee{0%{left:0}to{left:-100%}}.card{--start:0;z-index:40;transition:border-color 1s ease-in-out;position:relative;overflow:hidden}.card:before{content:"";background:var(--gradient);width:100%;height:100%;-webkit-mask:linear-gradient(#0000,#0000),conic-gradient(from calc((var(--start) - 15)*1deg),#ffffff1f 0deg,white,#fff0 100deg);mask:linear-gradient(#0000,#0000),conic-gradient(from calc((var(--start) - 15)*1deg),#ffffff1f 0deg,white,#fff0 100deg);opacity:0;background-attachment:fixed;border:2px solid #0000;border-radius:12px;transition:all .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-composite:source-in;mask-composite:intersect}.glow{pointer-events:none;filter:saturate(200);width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card:hover:before{opacity:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}#root{padding:0;background-color:var(--black);overflow:hidden;font-family:Mona Sans,sans-serif;overflow-y:hidden;-ms-overflow-style:none;scrollbar-width:none}#root::-webkit-scrollbar{display:none}.flex-row{display:flex;flex-direction:row;align-items:center}.container{width:80%;display:flex;flex-direction:row;align-items:center;box-sizing:border-box;justify-content:space-between;padding:0rem 2rem;height:65px;margin:1rem auto;border-radius:6px;position:fixed;top:1rem;left:10%;z-index:10000}.name{font-weight:700;font-size:1.25em!important;color:var(--orangered);text-decoration:none;color:var(--yellow)}.theme-icon,.light-theme-icon{color:var(--sunlight);font-size:20px}.dark-theme-icon{color:var(--white);font-size:16px}.theme{background-color:var(--white);border-color:var(--white);border-width:0px;height:40px;width:40px;border-radius:50px;box-shadow:var(--theme-shadow) 0 2px 8px 0;display:flex;align-items:center;justify-content:center;cursor:pointer}.light-theme{background-color:var(--white);border-color:var(--white);margin-left:25px}.dark-theme{background-color:var(--dark-night);border-color:var(--dark-night);margin-left:25px}.route{text-decoration:none;color:var(--text-1)}.route-item{list-style:none}.nav-links{display:flex;list-style:none;gap:40px}.nav-links a{color:#fff;text-decoration:none;font-weight:400;font-size:16px;transition:all .3s ease;position:relative}.nav-links a:hover{color:var(--yellow)}.right-nav{display:flex;flex-direction:row;align-items:center}.blur-bg{background:#14141480;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background .3s ease,backdrop-filter .3s ease}.mobile-menu-icon{display:none;flex-direction:column;cursor:pointer;gap:5px}.bar{width:25px;height:3px;background-color:var(--white);transition:all .3s ease;border-radius:4px}@media (max-width: 768px){.container{flex-direction:row;padding:0 1.25rem;left:0%;width:100%;margin-inline:0!important;top:0rem}.mobile-menu-icon{display:flex}.right-nav{position:absolute;top:65px;right:0;width:100%;background:#000000e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-direction:column;align-items:flex-start;gap:1.25rem;padding:1.5rem 2rem;transform:translateY(-120%);transition:transform .3s ease-in-out;z-index:9999;display:none}.right-nav.mobile-active{display:flex;transform:translateY(0)}.nav-links{flex-direction:column;gap:1rem;width:100%}.nav-links a{font-size:18px;color:var(--white)}.theme{margin-top:1rem;margin-left:0}}.bar.open:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.bar.open:nth-child(2){opacity:0}.bar.open:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}@media (prefers-color-scheme: dark){.subtitle{background:none;-webkit-text-fill-color:var(--primary-yellow);color:var(--primary-yellow)}}.exp-section{display:flex;align-items:center;flex-direction:column;padding:2rem;height:100%;width:100vw;box-sizing:border-box;overflow:scroll;scrollbar-color:var(--primary-red)}.section-heading{position:relative;font-size:2rem;font-weight:700;z-index:9999;width:fit-content}@keyframes moveleft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes moveright{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.timeline-item:nth-child(1){animation-delay:4s;background:linear-gradient(120deg,var(--light-grey),var(--gradient-1));box-shadow:0 0 10px var(--box-shadow-1)}.timeline-item:nth-child(2){animation-delay:3s;background:linear-gradient(120deg,var(--light-grey),var(--gradient-2));box-shadow:0 0 10px var(--box-shadow-2)}.timeline-item:nth-child(3){animation-delay:2s;background:linear-gradient(120deg,var(--light-grey),var(--gradient-3));box-shadow:0 0 10px var(--box-shadow-3)}.timeline-item:nth-child(4){animation-delay:0s;background:linear-gradient(120deg,var(--light-grey),var(--gradient-4));box-shadow:0 0 10px var(--box-shadow-4)}.link{margin-left:10px;margin-right:4px}.location svg{color:var(--primary-color);font-size:18px}.company-name{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.company-logo{width:80px}.edge-logo{width:35px}.timeline:after{content:"";position:absolute;height:100vh;width:4px;bottom:15%;left:50%;border-radius:2px;background:linear-gradient(0deg,var(--timeline-gradient-start) 0%,var(--timeline-gradient-end) 100%);z-index:1;will-change:transform;transform:scaleY(0);transform-origin:bottom;animation:scaleLineUp 2s ease-out forwards}@keyframes scaleLineUp{to{transform:scaleY(1)}}.top-arrow{height:2px;width:16%;position:absolute;z-index:2;background-color:var(--red);top:10%;left:100%}.bottom-arrow{height:2px;width:16%;position:absolute;z-index:2;background-color:var(--red);top:10%;right:100%}.top-circle{height:10px;width:10px;position:absolute;z-index:2;border-bottom:2.5px solid var(--primary-gray);border-top:2.5px solid var(--primary-gray);border-left:2.5px solid var(--primary-gray);border-right:2.5px solid var(--primary-gray);border-radius:50%;background-color:var(--white-2);top:8%;right:-10%}.bottom-circle{height:10px;width:10px;position:absolute;z-index:2;border-bottom:2.5px solid var(--primary-gray);border-top:2.5px solid var(--primary-gray);border-left:2.5px solid var(--primary-gray);border-right:2.5px solid var(--primary-gray);border-radius:50%;background-color:var(--white-2);top:8%;left:-10%}.blink{background:var(--greenyellow);border:2.5px solid var(--white);animation:blink 1s step-start 0s infinite;top:8%}@keyframes blink{50%{opacity:0}}.designation{color:var(--title-color);font-size:13px;font-weight:800;display:block}.period{display:flex;flex-direction:column;margin:5px 0}.full-time{display:flex;font-size:12px;color:var(--darkslategrey)}.experience-section{padding-top:6rem;width:100%;justify-content:center;align-items:center;display:flex;flex-direction:column}.exp-section{background:#ffffff08;border:1px solid rgba(0,212,255,.2);border-radius:20px;padding:3rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.exp-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#00d4ff,transparent)}.stats-section{width:90%;align-items:center;justify-content:space-evenly;display:flex;flex-wrap:wrap}.stat-card{background:#000000b3;border:1px solid var(--primary-blue);border-radius:15px;padding:30px;text-align:center;position:relative;overflow:hidden;transition:all .3s ease;width:230px;cursor:pointer}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#00a6ff1a,#3300ff1a);opacity:0;transition:opacity .3s ease}.stat-card:hover:before{opacity:1}.stat-card:hover{transform:translateY(-5px);border-color:var(--primary-blue);box-shadow:0 10px 30px #0ff3;transform:translateY(-15px) scale(1.02);box-shadow:0 25px 50px #ffa60033,0 15px 30px #2563eb33,inset 0 1px #ffffff1a}.stat-icon{font-size:2.5rem;margin-bottom:15px;filter:drop-shadow(0 0 10px rgba(37,99,235,.2))}.stat-number{font-family:Orbitron,monospace;font-size:3rem;font-weight:900;color:#de9000;margin-bottom:10px;text-shadow:0 0 20px rgba(255,255,0,.5);position:relative;z-index:1}.stat-label{font-family:Orbitron,monospace;color:#ffffffb3;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;position:relative;z-index:1}.timeline{position:relative;margin:60px 0}.timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:#ffffff4d;transform:translate(-50%)}.timeline-item{position:relative;margin:40px 0;opacity:0;animation:fadeInUp .6s ease-out forwards}.timeline-item:nth-child(odd){padding-right:50%;text-align:right}.timeline-item:nth-child(2n){padding-left:50%;text-align:left}.timeline-content{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:25px;border:1px solid rgba(255,255,255,.2);position:relative}.timeline-date{color:#ff6b6b;font-weight:700;font-size:.9rem;margin-bottom:10px}.timeline-title{color:#fff;font-size:1.2rem;margin-bottom:10px}.timeline-description{color:#fffc;line-height:1.5}.timeline-marker{position:absolute;left:50%;top:30px;width:20px;height:20px;background:#ff6b6b;border-radius:50%;transform:translate(-50%);border:4px solid rgba(255,255,255,.2);animation:pulse 2s infinite}@keyframes countUp{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.2)}}@media screen and (max-width: 768px){.experience-section{padding-top:6rem}.stats-section{flex-direction:column;gap:1.5rem;align-items:center}.stat-card{width:90%;padding:1.5rem;margin-top:.75rem}.stat-number{font-size:2.2rem}.timeline:before{left:10px}.timeline-marker{left:10px}.timeline-item{padding:1rem;margin:2rem 0}.timeline-item:nth-child(odd),.timeline-item:nth-child(2n){padding-left:2.5rem;padding-right:0;text-align:left}.timeline-content{margin-left:0;padding:1rem}.timeline-title{font-size:1rem}.timeline-description{font-size:.85rem}.timeline-date{font-size:.75rem}}.project-section{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:2rem 1rem;height:100vh;width:100%;box-sizing:border-box}.section-heading{position:relative;font-size:2.25rem;font-weight:700;z-index:9999;width:fit-content;color:var(--title-color)}.project__heading:before{position:absolute;content:"";border-bottom:18px solid var(--primary-red);width:7.5rem;display:block;margin:0 auto;position:relative;left:1.65rem;top:2.65rem;z-index:-1;font-size:12px}.carousel{min-width:360px;display:flex;flex-direction:column;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;white-space:nowrap;-ms-overflow-style:none;scrollbar-width:none;border-bottom:1px solid #de9000;background:var(--panel-bg)}.carousel::-webkit-scrollbar{display:none}@keyframes slide{0%{transform:translate(0)}25%{transform:translate(-700px)}50%{transform:translate(-1400px)}75%{transform:translate(-2100px)}to{transform:translate(0)}}.redirect-project{font-size:18px}.desc{width:100%;word-wrap:break-word;white-space:break-spaces;font-size:12px;font-weight:400;color:var(--white);margin-top:.5rem}.work-card{padding:1rem;display:flex;flex-direction:row;margin:1rem;align-items:center;box-sizing:border-box;border-radius:10px;transition:transform .3s ease-in-out}.info-contianer{padding:1rem;z-index:0;border-radius:10px;width:100%;align-items:center;justify-content:space-between}.project-site{--tw-bg-opacity: 1;color:#ffa600;background-color:rgb(37 99 235 / var(--tw-bg-opacity));height:35px;width:35px;border-radius:50px;box-sizing:border-box;align-items:center;justify-content:center;display:flex}.index-wrapper{height:80%;width:75px;background:var(--light-bluish-grey);border-radius:10px;display:flex;align-items:center;flex-direction:column;justify-content:space-evenly}.project-main{flex-direction:row;align-items:flex-start;width:100%;height:100%;display:flex;padding:1rem 2.5rem}.index-item{cursor:pointer;background:transparent;border:none}.project-name{font-size:1.45rem;font-weight:800;margin:.25rem 0;color:var(--title-color);position:absolute;display:none;top:0;width:300px;word-wrap:none;left:150%;z-index:10}.index-contianer:hover .project-name{display:block}.index-contianer{position:relative;display:flex;flex-direction:row;padding:.5rem}.index-active{display:block}.active-style{border-radius:10px}.card-container{position:relative;width:500px;height:275px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);background-color:var(--light-white);border-radius:4px}.mouse-position-tracker{width:100%;height:100%;z-index:2}.card-body{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;transition:transform .5s ease;display:grid;place-content:center;text-align:center;box-shadow:0 1px 2.2px var(--shadow-black-05),0 2.5px 5.3px var(--shadow-black-07),0 4.6px 10px var(--shadow-black-09),0 8.3px 17.9px var(--shadow-black-0b),0 15.5px 33.4px var(--shadow-black-0d),0 37px 80px var(--shadow-black-12);border-radius:4px;background:var(--white);background-size:contain;background-repeat:no-repeat;align-items:center;background-position:center}.mouse-position-tracker.top-left:hover~.card-body{transform:perspective(500px) rotateX(15deg) rotateY(-15deg)}.mouse-position-tracker.top:hover~.card-body{transform:perspective(500px) rotateX(15deg)}.mouse-position-tracker.top-right:hover~.card-body{transform:perspective(500px) rotateX(15deg) rotateY(15deg)}.mouse-position-tracker.left:hover~.card-body{transform:perspective(500px) rotateY(-15deg)}.mouse-position-tracker.right:hover~.card-body{transform:perspective(500px) rotateY(15deg)}.mouse-position-tracker.bottom-left:hover~.card-body{transform:perspective(500px) rotateX(-15deg) rotateY(-15deg)}.mouse-position-tracker.bottom:hover~.card-body{transform:perspective(500px) rotateX(-15deg)}.mouse-position-tracker.bottom-right:hover~.card-body{transform:perspective(500px) rotateX(-15deg) rotateY(15deg)}.project-skills{font-size:12px;font-weight:400;color:var(--white);margin-right:1rem;--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity));background-color:#2563eb33;border-width:1px;line-height:14px;padding:.25rem .75rem;border-radius:50px;border-color:#2563eb4d}.skills-wrapper{display:flex;flex-direction:row;align-items:center;margin:.5rem 0rem}.info-contianer{display:flex;flex-direction:column;justify-content:space-between;padding:1rem;z-index:0;border-radius:10px;width:100%;height:100%;box-sizing:border-box}.info-top{flex-grow:1}.skills-wrapper{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.skills-title-project{color:var(--primary-red);text-align:left}.project-name-info{font-size:16px;margin:.25rem 0;color:#de9000;font-weight:500;text-decoration:none;cursor:pointer}.work-images{position:relative}.next-project{color:var(--primary-red);align-self:end;position:absolute;right:10%;font-size:30px;cursor:pointer}.prev-project{color:var(--primary-red);align-self:end;position:absolute;left:10%;font-size:30px;cursor:pointer}.disable-slider{color:var(--dark-grey)}.section-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;justify-content:center}.section-icon{width:50px;height:50px;background:#ff6b3533;border:1px solid var(--text-blue-600);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.section-title{font-size:1.8rem;font-weight:700;color:var(--text-blue-600);text-transform:uppercase;letter-spacing:.1em}.project-image{width:100%;border-radius:4px}.carousel-controls{display:flex;align-items:center;justify-content:center;gap:1rem;width:100%;padding:1rem;position:relative}.carousel-container{display:flex;overflow-x:auto;scroll-behavior:smooth;gap:1rem;width:80%;padding:1rem 0;scrollbar-width:none}.carousel-container::-webkit-scrollbar{display:none}.carousel-item{flex:0 0 calc(50% - .5rem);background-color:var(--panel-bg);border:1px solid #de9000;border-radius:8px;box-sizing:border-box}.nav-button{background-color:transparent;border:none;font-size:2rem;color:var(--primary-red);cursor:pointer}@media screen and (max-width: 768px){.info-contianer{padding:.75rem}.project-name-info{font-size:14px}.desc{font-size:11px}.project-skills{font-size:11px;padding:.2rem .5rem}.section-title{font-size:1.45rem}.carousel{min-width:72vw}.carousel-controls{padding:0rem;gap:4px}.project-section{height:max-content}}@media screen and (max-width: 480px){.carousel{min-width:72vw}.section-title{font-size:1.2rem}.section-icon{width:40px;height:40px;font-size:1.2rem}.carousel-container{padding:.25rem 0}.project-image{height:auto;object-fit:cover}.skills-wrapper{flex-wrap:wrap;gap:.3rem}.carousel-controls{padding:0rem;gap:4px}.project-section{height:max-content}}.timeline-wrapper{margin:4rem 2rem;width:80%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.exp-con{width:70%;display:flex;align-items:flex-end;justify-content:space-evenly;flex-direction:column}.exp-con{max-height:500px;overflow-y:auto;width:70%;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;padding-right:1rem;scrollbar-width:none}.exp-con::-webkit-scrollbar{width:6px;display:none}.exp-con::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:3px}.comp-cont{opacity:.5;transition:all .3s ease}.comp-cont:hover{opacity:.8}.active-comp{opacity:1!important;border-color:var(--primary-blue)}.comp-cont{transform:translateY(5px);transition:all .3s ease}.comp-cont:hover{transform:translateY(0)}.desg{line-height:1;font-size:24px;line-height:30px;width:80%;margin:0;padding:0}.comp-name{color:#8892b0;font-size:15px;line-height:18px;margin:0;font-weight:500;align-items:center;display:flex}.comp-details{display:flex;align-items:center;justify-content:space-between;width:100%;margin:.45rem 0}.period{color:#8892b0;font-size:13px;line-height:1.75rem;margin:0;font-weight:300;flex-direction:row;align-items:center}.desg-details{display:flex;align-items:center;justify-content:space-between;width:100%;margin:0}.redirect-btn{margin-left:.5rem;margin-top:.25rem;cursor:pointer}.redirect-site{color:#ffa600}.comp-cont{margin:1.25rem 0;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:1rem;width:75%;cursor:pointer;transition:all .3s ease}.comp-loc{color:#8892b0;font-size:14px;line-height:1.75rem;margin:0;font-weight:300}.comp-cont:hover:before{opacity:1}.comp-cont:hover{transform:translateY(-5px);border-color:var(--primary-blue);box-shadow:0 10px 30px #0ff3;transform:translateY(-15px) scale(1.02);box-shadow:0 25px 50px #ffa60033,0 15px 30px #2563eb33,inset 0 1px #ffffff1a}.comp-cont:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#00a6ff1a,#3300ff1a);opacity:0;transition:opacity .3s ease}.active-comp{border-color:var(--primary-blue)}.active-indicator{background-color:#4caf50;height:10px;width:10px;border-radius:50px;margin-left:5px;animation:blink 1s infinite;margin-bottom:5px}.inactive-indicator{background-color:#7f83c2;height:10px;width:10px;border-radius:50px;margin-left:5px;margin-bottom:5px}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}.role-points{color:#8892b0;list-style-type:disc;margin-top:1rem;margin-left:1rem;font-size:14px}.role-points li{margin-top:.5rem}.comp-role{width:30%;position:relative}.comp-logo,.comp-logo-2{width:150px;margin-bottom:1rem;border-radius:4px;cursor:pointer;margin-left:1.5rem}.title-exp{color:#ffa600;margin-bottom:1rem;font-weight:400;letter-spacing:.9px}.skills-tag{margin-right:.75rem}.icon-wrapper{margin:1rem 0}.tech-used{color:var(--primary-red);font-size:15px;font-weight:400;line-height:24px;margin-bottom:.75rem}.duration-indicator{top:20px;right:20px;width:60px;height:60px;border-radius:50%;background:conic-gradient(#3b82f6 0deg,#0025b7 var(--progress, 180deg),rgba(255,255,255,.1) var(--progress, 180deg));display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:#fff}.duration-indicator:before{content:attr(data-duration);position:absolute;width:50px;height:50px;background:#0a0a0a;border-radius:50%;display:flex;align-items:center;justify-content:center}.company-name-active{font-size:16px;color:var(--white);padding:0;margin:0;margin-block:0;margin-inline:0;margin-bottom:1rem;margin-left:.75rem}.image-wrap{flex-direction:row;display:flex;justify-content:space-between}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn 1s ease-in-out}@media screen and (max-width: 768px){.timeline-wrapper{flex-direction:column-reverse;align-items:center;gap:2rem;width:100%;margin:2rem 1rem}.comp-role,.exp-con{width:90%;padding-right:0}.exp-con{max-height:unset;overflow-y:visible}.comp-cont{width:100%;margin:1rem 0;padding:.75rem;margin-left:0;margin-right:0!important}.comp-cont:hover{transform:translateY(-8px) scale(1.01)}.desg{font-size:18px;line-height:24px}.comp-name{font-size:14px}.period{font-size:12px}.comp-loc,.tech-used,.role-points{font-size:13px}.role-points{margin-left:1rem}.skills-tag{font-size:13px}.image-wrap{gap:1rem;flex-direction:row;align-items:center;padding:0rem 1rem}.comp-logo{width:80px!important;margin-left:0}.comp-logo-2{width:125px!important;margin-left:0}.duration-indicator{width:50px;height:50px;font-size:.7rem}.duration-indicator:before{width:42px;height:42px;font-size:.7rem}}.contact-section{display:flex;align-items:center;flex-direction:column;padding:6rem 6rem 2rem;height:100vh;width:100%;box-sizing:border-box}.contact{display:flex;align-items:center;justify-content:space-around;width:100vw;min-height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat}.contact-form{display:flex;flex-direction:column;padding:2rem 1.25rem;gap:1rem;width:35%;background-color:#111114;border-radius:8px}.contact-form input:focus{outline:none}.contact-form input:-webkit-autofill,.contact-form input:-webkit-autofill:hover,.contact-form input:-webkit-autofill:focus,.contact-form input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#d9ecff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #2d2d38}label{display:flex;flex-direction:column;gap:.5rem;color:var(--light-gray-2)}.message{padding:1rem;border-radius:6px;font-size:14px;font-weight:500;border:none;transition:all .25s ease 0s;resize:none;border-width:.5px;background:#2d2d38;box-sizing:border-box;color:#d9ecff;max-width:100%;max-height:300px;width:100%;min-height:140px}.message:focus{outline:none}.send-btn{background-color:#3b82f6;padding:.75rem;font-size:15px;font-weight:500;color:var(--white);border:none;border-radius:4px;cursor:pointer;align-items:center;display:flex;justify-content:center}.send-icon{font-size:18px;color:var(--white);margin-left:10px}@media screen and (max-width: 900px){.contact{flex-direction:column;gap:1rem}.contact-title{text-align:center}}.contact-main-container{flex-direction:row;align-items:center;box-sizing:border-box;display:flex;width:100%;height:90%;justify-content:space-around}.contact__data{position:relative;width:345px;background-color:var(--light-yellow);border-radius:.75rem;padding:5rem 1.5rem 3.5rem;border-bottom:4px solid var(--orangered);z-index:5;transition:background-color .4s;height:max-content;margin:0;box-sizing:border-box}.contact__data .section__title-2{margin:0 0 1.5rem;transform:translate(-3rem)}.contact__description-1{color:var(--black);font-weight:500;margin-bottom:2rem}.contact__description-2{color:var(--title-color);font-size:16px;width:80%;font-weight:500;margin:.5rem 0}.container{max-width:1120px;margin-inline:1.5rem}.grid{display:grid;gap:1.5rem}.section{padding-block:4rem 2rem}.section__title-1,.section__title-2{position:relative;font-size:1.75rem;width:max-content;margin:.75rem auto 2rem}.section__title-1 span,.section__title-2 span{z-index:5;position:relative}.section__title-1:after,.section__title-2:after{content:"";width:40px;height:28px;background-color:var(-light-orange);position:absolute;top:-4px;right:-8px}.section__title-2:after{top:initial;bottom:-4px}.contact__mail{position:relative;background-color:var(--black);border-radius:.75rem;padding:5rem 1.5rem 2.5rem;margin-top:-2.5rem;transition:background-color .4s}.contact-input{width:100%;border-radius:6px;height:40px;border:none;box-sizing:border-box;font-size:14px;font-weight:500;background:#2d2d38;padding:1.45rem 1rem;color:#d9ecff}.contact-email{width:100%;border-radius:4px;height:40px;border-width:.5px;border-color:var(--blue);box-sizing:border-box}.input-label{box-sizing:border-box;color:#d9ecff;font-size:14px;margin-bottom:6px}.first-info{display:flex;align-items:center;justify-content:space-between;flex-direction:row;width:100%;box-sizing:border-box}.first-field{width:100%;height:60px;box-sizing:border-box;margin:.75rem 0}.message-field{width:100%;box-sizing:border-box;margin:.75rem 0}.contact-info{display:flex;flex-direction:row;align-items:center;justify-content:center}.contact__title{font-size:1.25rem}.contact-info-icon{font-size:20px;margin-right:10px;color:var(--primary-color)}.setup-wrapper{width:100%;max-width:600px;aspect-ratio:4 / 3;border-radius:10px;overflow:hidden}.setup{width:100%;height:100%;object-fit:cover;display:block}@media screen and (max-width: 1200px){.contact-form,.setup-wrapper{width:45%}}@media screen and (max-width: 900px){.contact-main-container{flex-direction:column;justify-content:center;align-items:center;padding:1rem;gap:2rem}.contact-form{width:90%;padding:1.5rem}.setup-wrapper{width:90%;height:auto}.contact-section{padding:2rem 1rem}.contact{padding:1rem}.contact__title{font-size:1.15rem;text-align:center}}@media screen and (max-width: 600px){.contact-input,.message{font-size:13px;padding:1rem}.send-btn{font-size:14px;padding:.65rem}.contact__title{font-size:1rem}.first-info{flex-direction:column}}@media screen and (max-width: 900px){.contact-section{height:auto;min-height:100vh;overflow-y:auto;padding:8rem 1rem 2rem}.contact-main-container{flex-direction:column;gap:2rem;height:auto}.setup-wrapper{width:100%;height:auto}.contact-form{width:100%;padding:1.5rem}}@supports not (aspect-ratio: 4 / 3){.setup-wrapper{height:auto}}.form-status{margin-top:1rem;font-size:.9rem;color:var(--primary-yellow)}.intro-anim{color:var(--black);font-size:30px!important;margin-block-start:0em;margin-block-end:0em;margin:1rem 2rem}#cursor{border-left:.1em solid var(--light-red);animation:blink .7s steps(1) infinite}@keyframes blink{50%{border-color:transparent}}.landing-contianer{display:flex;padding:2rem 6rem;flex-direction:row;height:100vh;width:100%;box-sizing:border-box;align-items:center;justify-content:space-between;flex-wrap:wrap}.landing-left{width:60%;height:100%;display:flex;flex-direction:column;justify-content:center}.hello{font-size:34px;display:flex;flex-direction:row;align-items:first baseline;font-weight:800;margin:1rem 2rem}.name{display:flex;flex-direction:row;align-items:first baseline}.dot{background:var(--light-red);height:10px;width:10px;border-radius:50px;margin-left:2px}.line{background:var(--light-red);height:.25rem;width:12rem;margin-left:-10.5rem}.name-heading{margin-left:14px}.resume{border-width:4px;border-radius:4px;height:45px;text-align:center;width:fit-content;background:var(--primary-color);border-color:var(--white);color:var(--white);font-size:16px;font-weight:600;font-family:Nunito,sans-serif;letter-spacing:.75px;padding:0 1.25rem;margin:1rem 4rem;cursor:pointer;box-sizing:border-box;display:flex;align-items:center;border:none}.download{font-weight:800;font-size:18px;margin-right:4px}.font-title{font-size:2.5rem}.font-designation{font-size:1.5rem}@media (max-width: 768px){.landing-contianer{flex-direction:column;padding:6rem 1.5rem 1.5rem;height:auto;gap:2rem}.landing-left,.right-section{width:100%}}.slide{position:relative;height:60px;width:100%;overflow:hidden;margin:0 auto}.wrapper{position:relative;height:100%;width:100%}.job-title-item{position:absolute;top:15px;left:0;right:0;white-space:nowrap;animation:cleanSlideInOut 9s infinite ease-in-out;transform:translate(100px);opacity:0;width:100%}.job-title-item:nth-child(1){animation-delay:0s}.job-title-item:nth-child(2){animation-delay:3s}.job-title-item:nth-child(3){animation-delay:6s}@keyframes cleanSlideInOut{0%{transform:translate(20px);opacity:0}10%{transform:translate(0);opacity:1}25%{transform:translate(0);opacity:1}40%{opacity:0;transform:translateY(20px)}to{opacity:0;transform:translateY(20px)}}.text-blue-600{color:#2563eb}.hero-buttons{display:flex;gap:20px}.btn{padding:12px 24px;border-radius:6px;text-decoration:none;font-weight:500;font-size:14px;transition:all .3s ease;border:none;cursor:pointer}.btn-primary{background:#ffa600;color:#000}.btn-primary:hover{background:#e69500;transform:translateY(-2px)}.btn-secondary{background:transparent;color:#ffa600;border:1px solid #ffa600}.btn-secondary:hover{background:#ffa600;color:#000;transform:translateY(-2px)}@media (max-width: 768px){.left-section{min-height:60vh}}.social{display:flex;gap:30px;align-items:center;margin-top:2.5rem}.social a{height:50px;width:50px;background-color:var(--light-blue);display:grid;place-items:center;position:relative;border-radius:50px;background:var(--neumorph-gray)}.social .github,.social .medium{background-color:var(--github-black)}.social a svg{fill:var(--white);transition:transform .2s ease-in-out;z-index:2}.social a:before{content:attr(data-text);font-size:14px;font-weight:400;background-color:var(--social-hover-bg);color:#3b82f6;position:absolute;top:55px;right:50%;transform:translate(50%) rotate3d(300,0,0,-90deg);padding:3px 5px 6px;clip-path:polygon(0% 0%,100% 0%,100% 90%,55% 90%,50% 100%,45% 90%,0% 90%);transition:transform .2s ease-in-out;transform-origin:bottom}.social a:hover:before{transform:translate(50%)}.social a:hover svg{transform:scale(1.2)}.social a:after{content:"";height:100%;width:100%;background-color:var(--social-hover-bg);position:absolute;top:50%;right:50%;transform:translate(50%,-50%);transition:transform .2s ease-in-out;transform-origin:bottom;clip-path:circle(0% at 50% 100%);border-radius:10px;transition:clip-path .25s ease-in-out}.social a:hover:after{clip-path:circle(100%)}.card{background:var(--card-bg-color);width:390px;height:475px;position:relative;display:flex;justify-content:center;align-items:center;z-index:0;overflow:hidden;border-radius:var(--profile-border-radius);rotate:11deg}.card_inner{--border-size: 5px;width:calc(100% - var(--border-size));height:calc(100% - var(--border-size));background:var(--card-bg-color);position:absolute;border-radius:var(--profile-border-radius)}.card_inner:before{--width: 110%;--height: 140%;width:var(--width);height:var(--height);top:calc(50% - var(--height) / 2);left:calc(50% - var(--width) / 2);content:"";position:absolute;background:linear-gradient(130deg,var(--glow-orange) 25%,var(--glow-yellow) 96%);z-index:-1;filter:blur(20px);animation:rotate 3s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes rotatePic{to{transform:rotate(0)}}.left-section-landing{position:relative}.react-icon-profile{position:absolute;top:8%;left:-10%;background:var(--white);border-radius:4px;padding:.5rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;animation:floatUpDown 2s ease-in-out infinite}@keyframes floatUpDown{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.react-icon-profile:hover .react-icon-svg{animation:pulse 1s linear;will-change:transform}@keyframes pulse{0%{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}to{transform:rotate(360deg)}}.mobile-icon-profile{position:absolute;top:25%;right:-5%;background:var(--white);border-radius:4px;padding:.5rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;animation:floatUpDown 2s ease-in-out infinite}.mobile-icon-svg{color:var(--coral);height:45px;width:45px}.web-icon-profile{position:absolute;bottom:15%;left:-5%;background:var(--white);border-radius:4px;padding:.5rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;animation:floatUpDown 2s ease-in-out infinite}.web-icon-svg{height:45px;width:45px}.web-icon-profile:hover,.mobile-icon-profile:hover,.react-icon-profile:hover{animation:scaleUp 2s ease-in-out infinite}@keyframes scaleUp{0%,to{transform:scale(1)}50%{transform:scale(.85)}}.profile-image{width:18rem;height:20rem;border-radius:10px}.social{display:flex;gap:auto;align-items:center;margin-top:2.5rem}.social a{height:50px;width:50px;background-color:var(--light-blue);display:grid;position:relative;border-radius:50px}.social .gmail{background-color:var(--light-gray)}.social .stackoverflow{background-color:var(--cream-yellow)}.social .linkdin{background-color:var(--linkedin-blue)}.social .github{background-color:var(--github-black)}.social .medium{background-color:var(--light-gray)}.right-section{width:58%}.about{color:var(--text-2);font-size:15px}.about-card{background:#f0f0f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;border:1px solid rgba(255,255,255,.2);padding:1rem 1.25rem;max-width:350px;width:100%;box-shadow:0 25px 50px #0000001a;position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;margin-right:1rem}.about-card:hover{transform:translateY(-5px);box-shadow:0 35px 60px #00000026}.right-section{width:58%;display:flex;flex-direction:row;justify-content:space-between;gap:2rem}@media (max-width: 768px){.right-section{flex-direction:column;align-items:center;width:100%;padding:1rem}.profile-con{display:flex;align-items:center}}.terminal-card{background:#161b22;border:2px solid #30363d;border-radius:8px;max-width:700px;width:100%;box-shadow:0 16px 32px #0006;overflow:hidden;position:relative;margin-left:2rem}.terminal-header{background:#21262d;padding:12px 16px;border-bottom:1px solid #30363d;display:flex;align-items:center;gap:8px}.terminal-buttons{display:flex;gap:6px}.terminal-button{width:12px;height:12px;border-radius:50%}.close{background:#ff5f56}.minimize{background:#ffbd2e}.maximize{background:#27ca3f}.terminal-title{margin-left:12px;font-size:12.5px;color:#8b949e;font-weight:500}.terminal-body{padding:1rem;font-size:14px;line-height:1.25}.prompt{color:#58a6ff;font-weight:600}.command{color:#7ee787;font-weight:500}.output{margin:4px 0 8px}.ascii-art{color:#58a6ff;font-size:11px;line-height:1.2;margin:16px 0;text-align:center}.info-section{margin:12px 0}.info-label{color:#f0883e;font-weight:600;display:inline-block;width:120px}.info-value{color:#c9d1d9}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin:12px 0}.skill-item{background:#0d1117;border:1px solid #30363d;padding:6px 12px;border-radius:4px;text-align:center;font-size:12px;color:#7ee787;transition:all .3s ease}.skill-item:hover{border-color:#58a6ff;background:#58a6ff1a;transform:translateY(-2px)}.contact-links{margin:16px 0}.contact-link{color:#58a6ff;text-decoration:none;display:inline-block;margin-right:20px;transition:color .3s ease}.contact-link:hover{color:#79c0ff;text-decoration:underline}.blinking-cursor{animation:blink 1s infinite;color:#58a6ff}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.typing-animation{overflow:hidden;white-space:nowrap;margin:0;animation:typing 3s steps(40,end),blink-caret .75s step-end infinite}@keyframes typing{0%{width:0}to{width:100%}}.comment{color:#8b949e;font-style:italic}.string{color:#a5d6ff}.number{color:#79c0ff}.separator{color:#30363d;margin:16px 0;font-size:12px}@media (max-width: 768px){.terminal-card{width:88vw;margin-left:0}.terminal-body{padding:16px;font-size:13px}.info-label{width:100px}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.ascii-art{font-size:10px}}.ascii-image{width:100%}.contact-container{background-color:#111827cc;border-radius:12px;border:1px solid #374151;padding:1rem 1.25rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;flex-direction:column;align-items:flex-start;margin-top:2rem;box-sizing:border-box}.contact-item{display:flex;align-items:center;margin-bottom:1.25rem;cursor:pointer;transition:all .3s ease;width:100%}.contact-item:last-child{margin-bottom:0}.accent-line{width:4px;height:35px;border-radius:9999px;margin-right:10px;transition:all .3s ease}.contact-item:hover .accent-line{height:38px}.blue-line{background-color:#3b82f6}.orange-line{background-color:#f97316}.contact-content{display:flex;align-items:center;gap:10px;flex:1}.icon-container{width:30px;height:30px;border:1px solid;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.blue-icon{border-color:#3b82f6;color:#60a5fa}.orange-icon{border-color:#f97316;color:#fb923c}.contact-item:hover .icon-container{transform:scale(1.1);box-shadow:0 0 20px #3b82f64d}.contact-item:hover .orange-icon{box-shadow:0 0 20px #f973164d}.contact-info{display:flex;flex-direction:row;align-items:center;justify-content:end}.contact-label{color:#9ca3af;font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:500}.contact-value{color:#fff;font-size:14px;font-weight:600;transition:color .3s ease}.contact-item:hover .contact-value{color:#f8fafc}.icon{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@media (max-width: 768px){.contact-container{padding:2rem;width:88vw}.contact-item{margin-bottom:2rem}.accent-line{margin-right:16px;height:35px}.contact-item:hover .accent-line{height:38px}.contact-value{font-size:14px}}@media (max-width: 480px){.contact-container{padding:1.5rem;width:88vw}.contact-content{gap:12px}.icon-container{width:30px;height:30px}.contact-value{font-size:12px}}.contact-item:hover{transform:translate(8px)}.contact-item:hover .accent-line.blue-line{box-shadow:0 0 15px #3b82f680}.contact-item:hover .accent-line.orange-line{box-shadow:0 0 15px #f9731680}.contact-item{animation:fadeInUp .6s ease-out}.contact-item:nth-child(2){animation-delay:.2s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.skills-section{display:flex;align-items:center;flex-direction:column;padding:2rem 2rem 4rem;height:100%;width:100%;box-sizing:border-box}.skills-container{max-width:1400px;margin:0 auto;padding:4rem 2rem;position:relative}.glitch-title{font-size:2rem;font-weight:900;text-align:center;margin-bottom:1rem;position:relative;background:linear-gradient(45deg,var(--primary-yellow),var(--primary-blue),var(--electric-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;letter-spacing:3px;filter:drop-shadow(0 0 20px rgba(255,166,0,.5))}.glitch-title:before,.glitch-title:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glitch-title:before{animation:glitch-1 2s infinite linear alternate-reverse;background:linear-gradient(45deg,var(--neon-pink),var(--primary-yellow));-webkit-background-clip:text;background-clip:text;z-index:-1}.glitch-title:after{animation:glitch-2 1s infinite linear alternate-reverse;background:linear-gradient(45deg,var(--primary-blue),var(--electric-cyan));-webkit-background-clip:text;background-clip:text;z-index:-2}.subtitle{text-align:center;font-size:1rem;background:linear-gradient(90deg,var(--primary-yellow),var(--primary-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:4rem;font-weight:500;letter-spacing:2px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:3rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.skill-panel{background:var(--panel-bg);border:2px solid transparent;border-radius:15px;padding:2rem;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 10px 30px #0000004d;width:30%}.skill-panel:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:15px;padding:2px;background:linear-gradient(45deg,var(--primary-yellow),var(--primary-blue),var(--electric-cyan),var(--primary-yellow));background-size:400% 400%;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;opacity:0;transition:opacity .4s ease;animation:gradientShift 4s ease-in-out infinite}.skill-panel:hover:before{opacity:1}.skill-panel:hover{transform:translateY(-15px) scale(1.02);box-shadow:0 25px 50px #ffa60033,0 15px 30px #2563eb33,inset 0 1px #ffffff1a}.panel-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.panel-icon{width:50px;height:50px;background:linear-gradient(135deg,var(--primary-yellow),var(--primary-blue));border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 5px 15px #ffa6004d;transition:all .3s ease}.panel-icon:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;background:var(--dark-bg);border-radius:10px}.panel-icon svg{width:24px;height:24px;z-index:1;fill:var(--primary-yellow);filter:drop-shadow(0 0 8px rgba(255,166,0,.6))}.panel-title{font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(45deg,var(--primary-yellow),var(--primary-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.skills-matrix{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.skill-chip{background:#ffa6001a;border:1px solid rgba(255,166,0,.3);border-radius:5px;padding:.75rem 1rem;text-align:center;font-weight:500;font-size:.9rem;position:relative;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);overflow:hidden;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);max-width:150px}.skill-chip span{margin-left:.5rem;font-size:12px;white-space:nowrap;font-weight:600;color:#6495ed}.skill-chip:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,166,0,.3),transparent);transition:left .6s ease}.skill-chip:hover{border-color:var(--primary-yellow);background:#ffa60033;color:var(--primary-yellow);text-shadow:0 0 15px rgba(255,166,0,.6);box-shadow:0 5px 20px #ffa6004d,inset 0 1px #ffa60033;transform:translateY(-3px) scale(1.05)}.skill-chip:hover:before{left:100%}.skill-chip:nth-child(2n):hover{color:var(--primary-blue);border-color:var(--primary-blue);text-shadow:0 0 15px rgba(37,99,235,.6);box-shadow:0 5px 20px #2563eb4d,inset 0 1px #2563eb33}.experience-timeline{margin-top:4rem;background:#14141e99;border:1px solid rgba(0,255,255,.2);border-radius:15px;padding:3rem;position:relative}.timeline-title{text-align:center;font-size:2rem;font-weight:700;margin-bottom:2rem;text-transform:uppercase;color:#0ff;text-shadow:0 0 20px #00ffff}.experience-bars{display:grid;gap:2rem}.exp-item{display:flex;align-items:center;gap:2rem}.exp-label{min-width:200px;font-weight:500;color:#fff}.exp-bar-container{flex:1;height:12px;background:#ffffff1a;border-radius:6px;position:relative;overflow:hidden}.exp-bar{height:100%;background:linear-gradient(90deg,#ff0040,#ff4080,#0ff);border-radius:6px;position:relative;transition:width 2s ease-out;box-shadow:0 0 20px #00ffff80}.exp-bar:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);animation:scan 3s infinite}.exp-percentage{min-width:50px;text-align:right;font-weight:700;color:#0ff;text-shadow:0 0 10px #00ffff}.floating-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.particle{position:absolute;width:2px;height:2px;background:#0ff;border-radius:50%;animation:float 6s infinite linear;box-shadow:0 0 6px #0ff}@keyframes glitch-1{0%,14%,15%,49%,50%,99%,to{transform:translate(0)}15%,49%{transform:translate(-2px,2px)}}@keyframes glitch-2{0%,20%,21%,62%,63%,99%,to{transform:translate(0)}21%,62%{transform:translate(2px,-1px)}}@keyframes scan{0%{left:-100%}to{left:100%}}@keyframes float{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) rotate(360deg);opacity:0}}@media (max-width: 768px){.skills-container{padding:4rem 0rem}.glitch-title{font-size:2.5rem}.skills-grid{grid-template-columns:1fr}.exp-item{flex-direction:column;align-items:stretch;gap:1rem}.exp-label{min-width:auto}.skill-panel{width:100%;padding:1.5rem}.skills-matrix{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.75rem}.panel-header{flex-direction:row;align-items:center;gap:.75rem}.panel-title{font-size:.9rem}.skill-chip{font-size:.8rem;padding:.5rem .75rem;flex-wrap:wrap}.skill-chip span{font-size:11px}}
