.loading-container{display:flex;justify-content:center;align-items:center;height:100vh;flex-direction:column;cursor:none}.cube-loader{position:relative;width:75px;height:75px;transform-style:preserve-3d;transform:rotateX(-30deg);animation:animate 4s linear infinite}@keyframes animate{0%{transform:rotateX(-30deg) rotateY(0)}to{transform:rotateX(-30deg) rotateY(360deg)}}.cube-loader .cube-wrapper{position:absolute;width:100%;height:100%;transform-style:preserve-3d}.cube-loader .cube-wrapper .cube-span{position:absolute;width:100%;height:100%;transform:rotateY(calc(90deg * var(--i))) translateZ(37.5px);background:linear-gradient(to bottom,#423e40,#406462 5.5%,#3e7e7b 12.1%,#3c948f 19.6%,#3aa6a0 27.9%,#38b6af 36.6%,#36c4bc,#34d0c7 54.6%,#32dbd1 63.4%,#30e4da 71.7%,#2eece2 79.4%,#2df2e8 86.2%,#2cf7ed 91.9%,#2bfbf0 96.3%,#2afdf2 99%,#2afef3)}.cube-top{position:absolute;width:75px;height:75px;background:#423e40 0%;transform:rotateX(90deg) translateZ(37.5px);transform-style:preserve-3d}.cube-top:before{content:"";position:absolute;width:75px;height:75px;background:#3c948f 19.6%;transform:translateZ(-90px);filter:blur(10px);box-shadow:0 0 10px #323232,0 0 20px #3c948f 19.6%,0 0 30px #323232,0 0 40px #3c948f 19.6%}@font-face{font-family:Roboto mono;src:url(/mahesh.dev/fonts/RobotoMono-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--background-image: radial-gradient( circle at 1px 1px, rgba(0, 0, 0, .35) 1px, transparent 0 );--bg-color: white;--border-color: black;--primary-text: black;--secondary-text: grey;--icon-bg: white;--icon-fill: darkslategrey;--card-shadow: #d4d4d4;--card-button: #facc15;--badge-bg: #f5f5f5;--edu-card-highlight: #fffaf0;--status-color-completed: #e6f7ed;--status-color-completed-text: #059669;--status-color-ongoing: #fff7e6;--status-color-ongoing-text: #d97706;--exp-desc: #444;--dock-shadow: rgba(0, 0, 0, .4)}.dark-mode{--background-image: radial-gradient( circle at 1px 1px, rgba(73, 73, 73, .656) 1px, transparent 0 );--bg-color: #000000;--border-color: white;--primary-text: white;--secondary-color: #aaaaaa;--icon-bg: black;--icon-fill: darkslategrey;--card-shadow: transparent;--card-button: #3415fa;--badge-bg: #2f2f2f;--edu-card-highlight: #161616;--status-color-completed: #17fd4d;--status-color-completed-text: black;--status-color-ongoing: #fcba2c;--status-color-ongoing-text: #1e1b18;--exp-desc: #7d7c7c;--dock-shadow: rgba(255, 255, 255, .4)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto mono,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;position:absolute;inset:0;z-index:0;background:var(--bg-color);background-image:var(--background-image);background-size:20px 20px;background-attachment:fixed;margin:0;transition:background .3s ease,background-image .3s ease}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#888;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#555}body,a,button,img,input,textarea,label,span,div{cursor:none!important}html{scroll-behavior:smooth}.navbar{background-color:var(--bg-color);padding:1rem 2rem;position:sticky;top:0;border-bottom:2px solid var(--primary-text);z-index:1000}.nav-container{display:flex;justify-content:space-between;align-items:center;margin:0}.nav-logo{color:var(--primary-text);font-weight:900;text-decoration:none;font-size:2.5em;letter-spacing:2px;font-family:Segoe UI,sans-serif}.nav-menu{display:flex;list-style:none;justify-self:flex-end;margin:0;padding:0}.nav-item{margin-left:2rem;display:flex;align-items:center}.nav-link{color:var(--primary-text);text-decoration:none;font-size:1rem;transition:color,transform .3s ease;position:relative;display:flex;align-items:center}.nav-link svg{width:25px;margin-right:10px}.nav-link:hover{color:#d70000;transform:scale(1.1)}.hamburger{display:none;flex-direction:column;cursor:pointer;background:none;border:none;padding:0;color:var(--bg-color)}.hamburger span{width:25px;height:3px;background-color:var(--primary-text);margin:3px 0;transition:.3s}.hamburger.active span:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}@media screen and (max-width: 1024px){.nav-container{padding:0 1rem}.nav-item{margin-left:1.5rem}}@media screen and (max-width: 768px){.nav-menu{position:fixed;left:-100%;top:70px;flex-direction:column;background-color:var(--bg-color);width:100%;height:calc(100vh - 70px);text-align:center;transition:.4s ease-in-out;padding:2rem;box-shadow:0 4px 6px #0000001a;z-index:1000}.nav-menu.active{left:0}.nav-item{margin:1.5rem 0;display:block}.nav-link{font-size:1.2rem;justify-content:center}.hamburger{display:flex;z-index:1001}.nav-logo{font-size:2rem}}@media screen and (max-width: 480px){.navbar{padding:.8rem}.nav-logo{font-size:2rem}.nav-menu{padding:1.5rem;top:60px;height:calc(100vh - 60px)}.nav-link{font-size:1.1rem}.nav-item{margin:1.2rem 0}}@media screen and (max-width: 320px){.navbar{padding:.6rem}.nav-logo{font-size:2rem}.nav-menu{padding:1rem}}.toggle{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;cursor:pointer;line-height:1}.input{display:none}.icon{grid-column:1 / 1;grid-row:1 / 1;transition:transform .5s;line-height:.1}.icon--moon{transition-delay:.2s;color:#b4b4b4}.icon--sun{transform:scale(0);color:orange}#switch:checked+.icon--moon{transform:rotate(360deg) scale(0)}#switch:checked~.icon--sun{transition-delay:.2s;transform:scale(1) rotate(360deg)}.text-type{display:inline-block;white-space:pre-wrap}.text-type__cursor{margin-left:.15rem;display:inline-block;opacity:1;color:var(--primary-text)}.text-type__content{color:var(--primary-text)}.text-type__cursor--hidden{display:none}.hero-section{background-color:transparent;padding:3rem 2rem;min-height:70vh;display:flex;align-items:center;justify-content:center;margin:10vh 0}.hero-container{display:flex;align-items:center;max-width:1200px;gap:3rem}.hero-content{flex:1;width:fit-content}.hero-title{font-size:3rem;font-weight:700;color:#333;margin-bottom:1.5rem;line-height:1.2}.hero-subtitle{font-size:1.3rem;color:#666;line-height:1.6}.hero-subtitle h1,p{text-align:center}.hero-subtitle h1{opacity:0;line-height:1.2;margin-bottom:20px;animation:fadeUp .8s ease forwards;animation-delay:.2s}.hero-subtitle p{opacity:0;animation:fadeUp 1s ease forwards;animation-delay:.6s}.hero-image{flex:1;display:flex;justify-content:center;align-items:center}.hero-image img{width:50%;height:auto;max-width:500px;border-radius:10px;box-shadow:0 10px 30px #0000001a}.type-text{font-size:4em;margin:20px 0 10px;text-align:center}@media screen and (max-width: 1200px){.hero-container{max-width:90%;gap:2rem}.hero-content{width:500px}.hero-image img{width:60%}}@media screen and (max-width: 992px){.hero-section{padding:3rem 1.5rem}.hero-content{width:450px}.type-text{font-size:2.5em}.hero-subtitle{font-size:1.2rem}.hero-image img{width:70%}}@media screen and (max-width: 768px){.hero-container{flex-direction:column;gap:2rem;text-align:center}.type-text-div{height:145px}.hero-content{width:100%;max-width:600px}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.15rem;max-width:500px;margin:0 auto}.hero-image{margin-top:1rem}.hero-image img{width:60%;max-width:300px}}@media screen and (max-width: 480px){.hero-section{padding:2rem 1rem;min-height:60vh;margin:10vh 0}.hero-container{gap:1.5rem}.hero-title{font-size:2rem}.type-text-div{height:145px;animation:fadeUp .8s ease forwards;animation-delay:.4s}.type-text{font-size:3em;margin:10px 0}.hero-subtitle{font-size:1rem;line-height:1.5;max-width:100%}.hero-image img{width:80%;max-width:250px}}@media screen and (max-width: 320px){.hero-section{padding:1.5rem .8rem}.type-text{font-size:1.8em}.hero-subtitle{font-size:.95rem}.hero-image img{width:90%;max-width:200px}}ul{list-style:none}.example-2{display:flex;justify-content:center;align-items:center;padding-top:50px;opacity:0;animation:fadeUp .8s ease forwards;animation-delay:.8s}.example-2 .icon-content{margin:0 5px;position:relative;display:flex;justify-content:center;align-items:center}.example-2 .icon-content .tooltip{position:absolute;top:-30px;left:50%;transform:translate(-50%);color:#fff;padding:6px 10px;border-radius:5px;opacity:0;visibility:hidden;font-size:14px;transition:all .3s ease}.example-2 .icon-content:hover .tooltip{opacity:1;visibility:visible;top:-50px}.example-2 .icon-content a{position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;width:60px;height:60px;border-radius:50%;color:var(--icon-fill);background-color:var(--icon-bg);transition:all .3s ease-in-out;padding:0}.example-2 .icon-content a:hover{box-shadow:3px 2px 45px #0000001f}.example-2 .icon-content a svg{position:relative;z-index:1;width:40px;height:40px}.example-2 .icon-content a:hover{color:#fff}.example-2 .icon-content a .filled{position:absolute;top:auto;bottom:0;left:0;width:100%;height:0;background-color:#000;transition:all .3s ease-in-out}.example-2 .icon-content a:hover .filled{height:100%}.example-2 .icon-content a[data-social=linkedin] .filled,.example-2 .icon-content a[data-social=linkedin]~.tooltip{background-color:#0274b3}.example-2 .icon-content a[data-social=github] .filled,.example-2 .icon-content a[data-social=github]~.tooltip{background-color:#24262a}.example-2 .icon-content a[data-social=instagram] .filled,.example-2 .icon-content a[data-social=instagram]~.tooltip{background:linear-gradient(45deg,#405de6,#5b51db,#b33ab4,#c135b4,#e1306c,#fd1f1f)}.example-2 .icon-content a[data-social=leetcode] .filled,.example-2 .icon-content a[data-social=leetcode]~.tooltip{background:#80cc0f}.example-2 .icon-content a[data-social=Gmail] .filled,.example-2 .icon-content a[data-social=Gmail]~.tooltip{background:#dc143c}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.main-profile-container h1{font-size:3em;letter-spacing:3px;margin:20px 0;max-width:90vw;color:var(--primary-text)}.main-profile-container{display:flex;align-items:center;flex-direction:column;justify-content:center;scroll-margin-top:100px}.profile-container{display:flex;flex-direction:column;align-items:center;gap:2rem;max-width:900px;padding:2.5rem;background:var(--bg-color);border:2px solid var(--border-color);box-shadow:8px 8px 0 var(--card-shadow);text-align:center;margin-left:15px;margin-right:15px}.profile-image img{width:220px;height:220px;border-radius:1rem;object-fit:cover;box-shadow:0 8px 20px #0000001f;transition:transform .3s ease}.profile-image img:hover{transform:scale(1.05)}.profile-desc h1{font-size:2.75rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(90deg,#6366f1,#3b82f6,#06b6d4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2}.profile-desc p{font-size:1rem;color:var(--secondary-text);line-height:1.6;max-width:550px;margin:0 auto;text-align:start}@media (min-width: 768px){.main-profile-container h1{font-size:3em}.profile-container{flex-direction:row;text-align:left;gap:3rem;margin:2rem 0}.profile-desc{flex:1}.profile-desc p{margin:0}}.main-skills-container{display:flex;justify-content:center;flex-direction:column}.main-skills-container h1{font-size:3em;letter-spacing:2px;margin:20px 0 0;color:var(--primary-text);text-align:center}.skills-container{display:flex;flex-direction:column;gap:2rem;margin:2rem 1rem}.skills-card{background:var(--bg-color);border:2px solid var(--border-color);color:var(--primary-text);padding:1.5rem;box-shadow:8px 8px 0 var(--card-shadow);position:relative}.skills-card h2{font-size:1.4rem;font-weight:600;margin-bottom:1rem}.skills-badges{display:flex;flex-wrap:wrap;gap:.75rem}@media (max-width: 640px){.skills-badges{justify-content:center;gap:1rem}.badge{flex:1 1 45%;justify-content:center;padding:.7rem .9rem;font-size:.85rem}}@media (min-width: 1024px){.skills-container{margin:3rem auto;max-width:900px}.skills-card h2{font-size:1.6rem}}.badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:9999px;background:var(--badge-bg);font-size:.9rem;font-weight:500;box-shadow:0 1px 3px #00000014;transition:transform .2s ease}.badge:hover{transform:translateY(-2px)}.badge .icon{width:20px;height:20px}.education-container{display:flex;flex-direction:column;gap:1.5rem;padding:0 20px 20px;align-items:center}.education-container h1{font-size:3em;letter-spacing:2px;margin:0 0 20px;max-width:90vw;text-align:center;color:var(--primary-text)}.education-card{border:2px solid var(--border-color);color:var(--primary-text);padding:20px;background:var(--bg-color);box-shadow:8px 8px var(--card-shadow);max-width:800px;margin:0 auto;width:100%}.card-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.title h2{font-size:clamp(.9rem,2vw,1.4rem);font-weight:600;line-height:1.4;overflow-wrap:break-word}.status-badge{font-size:clamp(.65rem,1.5vw,.85rem);font-weight:600;padding:4px 10px;border-radius:999px}.status-badge.completed{background:var(--status-color-completed);color:var(--status-color-completed-text)}.status-badge.ongoing{background:var(--status-color-ongoing);color:var(--status-color-ongoing-text)}.card-row{display:flex;align-items:center;gap:10px;margin-top:10px;color:#555;font-size:clamp(.85rem,1.8vw,1rem)}.card-row p{overflow-wrap:break-word;text-align:start}.card-row svg,.title svg{flex-shrink:0;width:clamp(18px,2.5vw,24px);height:clamp(18px,2.5vw,24px)}.performance{background:var(--edu-card-highlight);padding:10px;border-radius:8px;font-weight:600;color:#d97706;font-size:clamp(.9rem,2vw,1rem);overflow-wrap:break-word}@media screen and (max-width: 640px){.cardContainer h1{font-size:3em;letter-spacing:3px;margin:20px 0;max-width:90vw}}@media (min-width: 1020){.education-container h1{font-size:2em}}@media (min-width: 1364){.education-container h1{font-size:2em}}.experience-wrapper{padding:0;display:flex;justify-content:center}.experience-card{background:var(--bg-color);padding:24px;max-width:800px;width:100%;box-shadow:8px 8px 0 var(--card-shadow);display:flex;border:2px solid var(--border-color);flex-direction:column;gap:1.2rem}.experience-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:.6rem}.experience-header h2{font-size:clamp(1.2rem,2.5vw,1.5rem);font-weight:600;margin:0;color:var(--primary-text)}.status-chip{background:var(--status-color-completed);color:var(--status-color-completed-text);font-size:.85rem;font-weight:600;padding:6px 14px;border-radius:20px;white-space:nowrap}.experience-meta{display:flex;align-items:center;gap:10px;color:var(--secondary-text);font-size:.95rem}.experience-meta svg{width:20px;height:20px;flex-shrink:0}.experience-description{font-size:1rem;line-height:1.6;color:var(--exp-desc);text-align:justify}.experience-highlight{display:flex;gap:10px;align-items:flex-start;background:var(--edu-card-highlight);padding:14px 16px;border-radius:10px;font-size:.95rem;color:#d97706;line-height:1.5}.experience-highlight svg{width:20px;height:20px;flex-shrink:0}@media (max-width: 640px){.experience-header{flex-direction:column;align-items:flex-start}.experience-header h2{font-size:clamp(1rem,4vw,1.2rem)}.experience-description{font-size:.9rem;text-align:start}.experience-meta{font-size:.9rem}.experience-meta p{text-align:start}.experience-meta svg,.experience-highlight svg{width:18px;height:18px}}.duplicate{height:100vh}.dock-wrapper{margin-left:8px;margin-right:8px;display:none;align-items:center;max-width:100%}.dock-container{position:fixed;bottom:15px;left:50%;transform:translate(-50%);display:flex;align-items:flex-end;gap:16px;padding-left:16px;padding-right:16px;padding-bottom:8px;border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:900}.dock-item-link{color:var(--primary-text)}.dock-item{display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;outline:none;position:relative;transition:box-shadow .2s ease}.dock-item:focus{box-shadow:0 0 0 2px var(--focus-ring, #0ea5e9)}.dock-item-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.dock-badge{position:absolute;top:-8px;right:-8px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:10px;font-weight:700;color:#fff;background-color:#ef4444;border-radius:50%}.dock-tooltip{position:absolute;top:-24px;left:50%;transform:translate(-50%);white-space:pre;border:1px solid var(--border-color, #444);background:#060606;color:#fff;font-size:12px;padding:2px 8px;border-radius:4px;pointer-events:none}@media (max-width: 768px){.dock-wrapper{display:flex}}