.skills-tiles{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;padding:0 20px;max-width:1200px;margin:0 80px 40px}.skill-card{width:300px;background:#ffffff0d;border-radius:14px;padding:20px;box-shadow:0 0 5px #00e0ff44;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;flex-direction:column;align-items:center}.skill-card:hover{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);scale:1.005;box-shadow:0 0 5px #00e1ff}.skill-card-title{font-size:1.2rem;font-weight:300;color:#b2e9ef;margin-bottom:5px;padding-bottom:3px;text-align:center;width:100%}.skill-card-body{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.skill-pill,.skill-icon{background:#60686979;border-radius:12px;padding:8px;font-weight:400;font-size:.9rem;color:#dadada;text-align:center;min-width:80px;height:60px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease,box-shadow .3s ease}.skill-icon img{width:40px;height:40px;object-fit:contain}.skill-pill:hover,.skill-icon:hover{box-shadow:0 0 5px #bbf8fe}@media (max-width: 768px){.skills-tiles{margin-left:0;margin-right:0}}.projects-container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;padding:0 20px;max-width:1200px;margin:0 80px 80px 60px}.project-card{background:#ffffff0d;border-radius:14px;border:1px solid rgba(255,255,255,.15);padding:20px;width:300px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;gap:10px;transition:transform .3s ease;font-family:Segoe UI,sans-serif}.project-card:hover{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-color:#00e0ff}.project-title{font-size:1.3rem;font-weight:600;color:#fff}.project-timeline{font-size:.85rem;color:#def4fb}.project-org{font-size:.9rem;font-style:italic;color:silver}.project-bullets{list-style:disc;margin-left:18px;color:#ebecec;font-size:.9rem}.project-bullets li{margin-bottom:6px}.project-tech{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.tech-pill{background:#00e0ff22;color:#00e0ff;border:1px solid #077a8988;padding:4px 10px;border-radius:12px;font-size:.85rem;font-weight:500}.project-links{white-space:nowrap;display:flex;gap:10px;margin-top:auto}.project-links a{padding-left:5px;color:#eafdff;text-decoration:none;font-size:.85rem;font-weight:500;transition:background .3s ease}.project-links a:hover{color:#bff3f9e3}@media (max-width: 768px){.project-card{width:100%;max-width:360px}.projects-container{margin-left:0;margin-right:0}}.hackathon-container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;padding:0 20px;max-width:1200px;margin:0 80px 80px 60px}.hackathon-card{background:#ffffff0d;border-radius:14px;border:1px solid rgba(255,255,255,.15);padding:20px;width:300px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;gap:10px;transition:transform .3s ease;font-family:Segoe UI,sans-serif}.hackathon-card:hover{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);scale:1.01;border-color:#00e0ff}.hackathon-header{display:flex;justify-content:space-between;align-items:center}#date{white-space:nowrap}.hackathon-org{font-style:italic;color:silver;margin-bottom:8px}.hackathon-description{margin:10px 0}.hackathon-tags{margin-top:10px}.tag-pill{display:inline-block;background:#00e0ff22;color:#00e0ff;border:1px solid #077a8988;border-radius:12px;padding:4px 10px;margin:6px 6px 0 0;font-size:.85rem}.hackathon-links{white-space:nowrap;display:flex;gap:10px;margin-top:auto}.hackathon-links a{margin-top:12px;color:#eafdff;padding-left:5px;text-decoration:none;font-size:.85rem;font-weight:500;transition:background .3s ease}.hackathon-links a:hover{color:#bff3f9e3}@media (max-width: 768px){.hackathon-container{margin-left:0;margin-right:0}.hackathon-card{width:100%;max-width:360px}}.certificate-grid{display:grid;gap:10px;margin-left:80px;margin-right:80px;grid-template-columns:auto auto auto auto;margin-bottom:40px;justify-self:center}.header{text-align:center;margin-top:20px;margin-bottom:5px;font-size:1.1rem;font-weight:50}.certificate-card{color:#fff;width:100%;max-width:260px;height:100%;text-align:center}.certificate-img:hover{border:#00e0ff solid 1px;opacity:100%}.certificate-img{width:100%;border-radius:8px;max-height:180px;object-fit:cover;opacity:90%;border:#00000061 solid 1px}@media (max-width: 1100px){.certificate-grid{grid-template-columns:auto auto auto;gap:8px}}@media (max-width: 768px){.certificate-grid{grid-template-columns:auto auto;gap:6px;margin-left:0;margin-right:0}}.aboutme-container{padding:20px;border-radius:16px;color:#fff;font-family:Segoe UI,sans-serif;margin:0 80px}.bio-box{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);padding:17px;border-radius:12px;line-height:1.6;margin:10px;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}.bio-box:hover{border-color:#00e0ff}.highlight{color:#ddf6fd;font-weight:700}.profile-img{width:200px;border-radius:12px;border:1px solid #606060;filter:grayscale(1) brightness(.7)}.profile-img:hover{opacity:.94;border:1px solid #00e0ff;filter:grayscale(0)}.wrapp{display:flex;gap:20px;align-items:center}.subheading{text-align:center;font-size:xx-large;margin-top:80px;margin-bottom:20px}.education-in-about{padding-top:10px;padding-bottom:20px}.hobby-list{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:60px}.hobby-list li{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 15px;font-size:.95rem}.hobby-list li:hover{border-color:#00e0ff}.gallery-grid{display:grid;grid-template-columns:auto auto;gap:10px;margin-bottom:10px;justify-self:center}.gallery-img{width:200px;border-radius:10px;height:200px;object-fit:cover}.gallery-img:hover{transform:scale(1.03)}.photo-gallery-button{text-align:center}.view-gallery-btn{display:inline-block;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);padding:10px 20px;border-radius:12px;color:#aee0f0;text-decoration:none;font-weight:500;transition:all .3s ease}.view-gallery-btn:hover{border-color:#00e0ff;color:#fff;transform:scale(1.05)}.coding-profiles{display:flex;justify-content:center;gap:30px;margin-top:15px}.coding-profiles img{width:36px;height:36px;filter:brightness(0) invert(1);transition:transform .3s ease}.coding-profiles img:hover{transform:scale(1.05)}.contact-section{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:12px;margin:90px auto 60px;padding:2px 40px}.contact-section:hover{border-color:#00e0ff}.contact-section h3{color:#fff;text-align:center;margin:10px 10px 20px}.social-links.centered{display:flex;justify-content:center;gap:30px;margin-bottom:5px}.social-links img{width:36px;height:36px;filter:brightness(0) invert(1);transition:transform .3s ease}.social-links img:hover{transform:scale(1.05)}@media (max-width: 768px){.bio-box{width:100%}.gallery-img{height:200px;width:100%}.gallery-grid{gap:10px}.contact-section{width:82vw}.wrapp{flex-direction:column}.aboutme-container{margin-left:0;margin-right:0}}.education-container{position:relative;width:100%;height:100%;min-height:400px;display:flex;justify-content:center;align-items:center}.timeline-column{position:relative;width:90%;max-width:900px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,auto);gap:60px}.edu-block{width:100%;max-width:320px;background:#ffffff0d;padding:20px;border-radius:16px;color:#fff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:1px solid rgba(255,255,255,.1);font-family:Segoe UI,sans-serif;justify-self:center}.edu-block:hover{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-color:#00e0ff}.top-left{grid-column:1;grid-row:1}.bottom-middle{grid-column:2;grid-row:2}.bottom-left{grid-column:1;grid-row:3}.highlight{color:#c6f5fb;font-weight:600}.timeline{position:absolute;top:0;left:50%;transform:translate(-50%);width:4px;height:100%;background:#ffffff26;z-index:0}.dot{position:absolute;left:50%;width:12px;height:12px;background:#fffa;border-radius:50%;transform:translate(-50%)}.dot1{top:25%}.dot2{top:60%}.dot3{top:95%}.edu-grid{display:flex}.degree-title{font-weight:600;font-size:1rem;color:#fff}.college-name{font-size:1rem;color:#e3e3e3}.edu-right{text-align:right}.edu-left{text-align:left}.highlight{font-size:.95rem;font-weight:400;color:#dbfbff;white-space:nowrap}.edu-year{font-size:.95rem;font-weight:500;color:#fff;white-space:nowrap}@media (max-width: 768px){.timeline-column{display:flex;flex-direction:column;align-items:center;gap:30px}.top-left,.bottom-left,.bottom-middle{margin-left:20px;grid-column:1}.timeline{left:-2%}.edu-grid{flex-direction:column;align-items:flex-start;gap:8px}.edu-right{align-items:flex-start;text-align:left}.edu-block{margin-left:5px;margin-right:0}}.timeline-column>.edu-block:nth-of-type(1):hover~.timeline .dot1,.timeline-column>.edu-block:nth-of-type(1):focus-within~.timeline .dot1,.timeline-column>.edu-block:nth-of-type(2):hover~.timeline .dot2,.timeline-column>.edu-block:nth-of-type(2):focus-within~.timeline .dot2,.timeline-column>.edu-block:nth-of-type(3):hover~.timeline .dot3,.timeline-column>.edu-block:nth-of-type(3):focus-within~.timeline .dot3{background:#dffcff;box-shadow:0 0 10px #b6eff5}.dot{transition:all .2s ease-in-out}.experience-container{text-align:center}.experience-grid{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.experience-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;color:#fff;width:100%;max-width:350px;transition:transform .2s ease;text-align:justify}.experience-card:hover{border:1px solid rgba(90,219,255,.825)}.experience-role{font-size:1.1rem;font-weight:600;color:#f9f9f9}.experience-org{font-size:1.5rem;color:#3ab0ff}.experience-time{font-size:.95rem;color:#dfdfdf;margin:4px 0}.experience-desc{font-size:.92rem;margin-top:10px;color:#eeefef}@media (max-width: 768px){.experience-org{font-size:1.3rem}}.react-calendar-heatmap text{font-size:10px;fill:#aaa}.react-calendar-heatmap .react-calendar-heatmap-small-text{font-size:5px}.react-calendar-heatmap rect:hover{stroke:#555;stroke-width:1px}.react-calendar-heatmap .color-empty{fill:#eee}.react-calendar-heatmap .color-filled{fill:#8cc665}.react-calendar-heatmap .color-github-0{fill:#eee}.react-calendar-heatmap .color-github-1{fill:#d6e685}.react-calendar-heatmap .color-github-2{fill:#8cc665}.react-calendar-heatmap .color-github-3{fill:#44a340}.react-calendar-heatmap .color-github-4{fill:#1e6823}.react-calendar-heatmap .color-gitlab-0{fill:#ededed}.react-calendar-heatmap .color-gitlab-1{fill:#acd5f2}.react-calendar-heatmap .color-gitlab-2{fill:#7fa8d1}.react-calendar-heatmap .color-gitlab-3{fill:#49729b}.react-calendar-heatmap .color-gitlab-4{fill:#254e77}.heatmap-container{justify-content:center;background:#ffffff08;border-radius:12px;padding:10px 10px 0;margin:0 60px}.heatmap-container h3{font-size:1rem;margin-bottom:14px;text-align:center;font-weight:400}.color-scale-0{fill:#0e1b25}.color-scale-1{fill:#1e344f}.color-scale-2{fill:#2d4c78}.color-scale-3{fill:#3b65a0}.color-scale-4{fill:#4a7ec9}.color-scale-5{fill:#5b99f2}.color-scale-6{fill:#77b3ff}.color-scale-7{fill:#a3d4ff}.react-calendar-heatmap rect:hover{stroke:#00d9ff}.react-calendar-heatmap text{fill:#ccc;font-size:10px}@media (max-width: 768px){.heatmap-container{margin-left:0;margin-right:0}}.photo-gallery-container{padding:40px 20px;background:#000;text-align:center}.photo-gallery-heading{color:#fff;font-size:2.8rem;margin-bottom:10px;font-weight:600;font-family:cursive}.photo-gallery-subheading{display:flex;max-width:50%;justify-self:end;color:#b6f4ff;font-size:1.1rem;margin:10px;text-align:right;font-family:cursive}.masonry{column-count:4;column-gap:8px;margin:auto}.masonry-item{break-inside:avoid;margin-bottom:10px;background:#ffffff0d;overflow:hidden;transition:transform .3s ease}.masonry-item:hover{transform:scale(1.01)}.masonry-item img{width:100%;display:block;object-fit:cover}@media (max-width: 768px){.masonry{column-count:2;column-gap:6px}.masonry-item{margin-bottom:10px}}.back-button-container{margin-top:20px}.back-button{background-color:#1e1e1e;color:#aee0f0;border:1px solid #aee0f0;padding:8px 16px;border-radius:8px;font-size:.95rem;cursor:pointer;margin-bottom:20px;transition:background .3s;text-decoration:none}.back-button:hover{background-color:#2a2a2a}.back-button:focus{outline:none}.mystery-wrapper{position:absolute;top:0;left:0;width:100%;height:33vh;pointer-events:none;z-index:10}.mystery-star{position:absolute;width:2px;height:2px;background:#ebebeb;border-radius:50%;opacity:.7;animation:twinkle 1s infinite ease-in-out;pointer-events:none}.mystery-star.clickable{width:6px;height:6px;background:#cbd1d1;border-radius:50%;cursor:pointer;pointer-events:auto;box-shadow:0 0 8px #fff;animation:twinkle .9s infinite ease-in-out;transition:transform .2s ease}.mystery-star.clickable:hover{transform:scale(1.3);box-shadow:0 0 12px #b6e9e9}.mystery-card{position:fixed;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 10px #2ec5fa99;color:#fff;padding:14px 20px;border-radius:12px;max-width:260px;width:max-content;z-index:1000;white-space:normal;overflow-wrap:break-word}.mystery-card h4{margin:0 0 6px;font-size:1.1rem;color:#aee0f0}.mystery-card p{margin:0;font-size:.9rem;line-height:1.4;color:#e8faff}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-90%) scale(.95)}to{opacity:1;transform:translate(-50%,-100%) scale(1)}}@keyframes twinkle{0%,to{opacity:.7}50%{opacity:1}}@media screen and (max-width: 400px){.mystery-card{max-width:220px;font-size:.85rem;padding:10px 14px}.mystery-card h4{font-size:1rem}.mystery-card p{font-size:.8rem}}
