*{color:#fff;box-sizing:border-box;font-family:Poppins,system-ui,-apple-system,sans-serif;margin:0;padding:0}body{z-index:-1;font-family:Poppins,system-ui,-apple-system,sans-serif;background-color:#000;overflow-x:hidden}h1,h2,h3,h4,h5,h6,.page-title,.section-title,.intro-name,.about-title{font-family:Dancing Script,cursive}.header-main{display:flex;justify-content:center;position:fixed;top:20px;left:0;right:0;z-index:1000;padding:0 20px;pointer-events:none}.header-main ul{pointer-events:auto;display:flex;justify-content:center;align-items:center;background:#14141499;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);padding:12px 30px;border-radius:50px;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #00000080;list-style:none;gap:10px;margin:0;width:auto}.header-main li{margin:0;padding:0;background:transparent}.header-main a{text-decoration:none;color:#ccc;font-size:.95rem;font-weight:500;padding:8px 16px;border-radius:20px;transition:all .3s ease;position:relative;display:inline-block}.header-main a:hover{color:#fff;background-color:transparent;transform:translateY(-2px);text-shadow:0 0 10px rgba(255,255,255,.5)}.header-main a:after{content:"";position:absolute;bottom:5px;left:50%;width:0;height:2px;background:#ff5252;transition:all .3s ease;transform:translate(-50%);border:none}.header-main a:hover:after{width:20px}.Home{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:80vh;margin-top:120px;padding:40px 20px;max-width:1400px;margin-left:auto;margin-right:auto}.u2{display:flex;flex-direction:row;justify-content:space-around;flex-wrap:wrap;gap:30px;width:100%;max-width:1200px;padding:30px 20px;margin:30px 0}.u2 a{overflow:hidden;border:1px solid;width:min(320px,90vw);height:220px;margin:15px;border-radius:15px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 0 40px #ffffff62;animation:appear linear;animation-timeline:view();animation-range:entry 0% cover 40%;text-decoration:none;padding:25px;text-align:center}.new-box{width:min(550px,90vw);border:1px solid;height:220px;margin:15px;border-radius:15px;box-shadow:0 0 50px #ffffff62;animation:appear linear;animation-timeline:view();animation-range:entry 0% cover 40%;overflow:hidden;display:flex;flex-direction:column-reverse;justify-content:space-around;align-items:center;padding:30px;text-align:center}.u1{display:flex;flex-direction:row;flex-wrap:wrap;gap:30px;width:100%;max-width:1400px;justify-content:center;align-items:flex-start;padding:20px;margin:20px 0}.UL1{display:flex;flex-direction:column;flex:1;min-width:300px}.UL2{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;gap:20px;flex:1;min-width:300px}.newdiv{display:flex;flex-direction:column}.UL11{display:flex;width:100%}.UL11 a{border:1px solid;border-radius:15px;width:100%;max-width:510px;height:220px;margin:10px;display:flex;text-decoration:none;overflow:hidden;animation:appear linear;animation-timeline:view();animation-range:entry 0% cover 40%;box-shadow:0 0 40px #ffffff62;padding:20px}.ULL2{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;width:100%}.ULL2 a{width:min(240px,45vw);height:160px;border:1px solid;margin:10px;border-radius:15px;display:flex;justify-content:center;align-items:center;box-shadow:0 0 40px #ffffff62;text-decoration:none;overflow:hidden;animation:appear linear;animation-timeline:view();animation-range:entry 0% cover 40%;padding:15px;text-align:center;flex:1;min-width:200px}.UL2 div1{width:min(200px,40vw);border:1px solid;border-radius:15px;height:410px;margin:10px;display:flex;justify-content:center;overflow:hidden;align-items:center;box-shadow:1px 1px 10px #fff;transition:ease 1s;animation:appear linear;animation-timeline:view();animation-range:entry 0% cover 40%;flex:1;min-width:180px}.UL2 div1:hover{transform:scale(1.05)}.UL2 div1:hover:after{transform:scale(1);transition-duration:1s}.UL2 a{width:min(200px,40vw);border:1px solid;border-radius:12px;height:410px;margin:10px;display:flex;justify-content:center;align-items:center;box-shadow:0 0 40px #ffffff62;text-decoration:none;overflow:hidden;cursor:text;animation:appear linear;animation-timeline:view();animation-range:entry 0% cover 40%;flex:1;min-width:180px}.profile-box{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:20px;width:100%;flex-wrap:wrap}.profile-box p{font-size:clamp(16px,4vw,22px);margin:15px;text-decoration:none;line-height:1.6;flex:1;min-width:250px}.name{font-family:Dancing Script,cursive;color:#ff5252;font-size:clamp(1.5rem,5vw,2.5rem)}.profile{width:min(100px,15vw);height:min(100px,15vw);margin:15px;border-radius:50%;box-shadow:1px 1px 1px;transition:.5s ease-in-out;z-index:-1;object-fit:cover;flex-shrink:0}.profile:hover{transform:scale(1.2);border-radius:40px}.projects{font-family:Dancing Script,cursive;font-size:clamp(24px,5vw,33px);color:azure;padding:12px;text-align:center;margin-bottom:10px}.sub-text{padding:12px}.carer{display:flex;flex-direction:column}.enter{width:90px;background-color:#ffffffbf;color:#000;height:50px;border-radius:12px;margin-right:70px;border:2px solid;font-family:Dancing Script,cursive;font-size:20px;transition:ease 1.2s}.enter:hover{width:100px;border-radius:15px;transition:ease-in-out .9s;margin-left:55px;border:2px solid}.enter:hover:after{transition-duration:2s}.vs{color:#ff5252}.copybutton{background-color:transparent;border:none;cursor:pointer;font-size:18px;padding:5px;border-radius:4px;transition:all .3s ease}.copybutton:hover{background-color:#fff3;transform:scale(1.1)}@keyframes copySuccess{0%{background-color:transparent}50%{background-color:#4caf504d;transform:scale(1.2)}to{background-color:transparent}}.copybutton.copied{animation:copySuccess .6s ease-in-out}.gmail.copied{background-color:#4caf5033;border:1px solid rgba(76,175,80,.5)}.gmail.copied p.copy{color:#4caf50}.contact{display:flex;flex-direction:column;justify-content:center}.gmail{margin-top:10px;display:flex;align-items:center;gap:10px;padding:8px;border-radius:8px;transition:background-color .3s ease}.gmail:hover{background-color:#ffffff1a}.gmail p.copy{color:#fff;font-size:16px;margin:0;font-weight:500}.name1{font-family:Dancing Script,cursive;font-size:clamp(20px,4vw,25px);font-weight:700;color:#ff5252;margin-bottom:10px}.left p{font-size:18px}.resume{display:flex;flex-direction:column}.enter1{width:100px;background-color:#ffffffbf;color:#000;height:45px;border-radius:12px;margin-top:10px;border:2px solid;font-family:Dancing Script,cursive;font-size:20px;cursor:pointer}.pro{width:300px;border-radius:12px;height:200px;margin-left:200px;position:relative;top:-45px;box-shadow:1px 1px 10px #fff;transition:ease .9s}.pro:hover{transform:scale(1.2)}.new-box{overflow:hidden;display:flex;flex-direction:column-reverse;justify-content:space-around;align-items:center}.new-box p{padding:30px}.enter2{width:100px;background-color:#ffffffbf;color:#000;height:45px;border-radius:12px;margin-bottom:40px;margin-right:40px;padding:10px;border:2px solid;font-family:Dancing Script,cursive;font-size:20px;cursor:pointer;transition:ease 1s}.enter2:hover{transform:scale(1.2)}.img12{width:100px}.enter3{width:100px;background-color:#fff;color:#000;height:45px;border-radius:12px;margin-top:120px;border:4px solid;font-family:Dancing Script,cursive;font-size:20px;cursor:pointer;transition:ease 1s;text-decoration:none;position:absolute}.enter3:hover{border:5px solid black}.skill{overflow:hidden;position:relative;transition:all .3s ease}.skill:hover{transform:translateY(-5px);box-shadow:0 15px 40px #ffffff4d}.img234{width:min(190px,30vw);height:min(190px,30vw);position:relative;transition:ease 1s;object-fit:cover;border-radius:10px}.img234:hover{transform:scale(1.1)}#light{background-color:beige}#drak{background-color:red}.profile-page{height:100vh;display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;padding:60px 40px;max-width:1600px;margin-left:5rem auto}.gradient-img{position:fixed;top:0;right:0;opacity:.1;z-index:-1;width:100%;height:100%;object-fit:cover}.Dbox{pointer-events:none;cursor:not-allowed;width:1000px;scroll-padding:100px;overflow:hidden}.layer{background-color:#000;width:200px;position:absolute;right:0;height:100px;bottom:185px}.intro{line-height:1.5;padding:40px 30px;margin:60px auto;font-size:clamp(18px,4vw,30px);border:2px solid;border-radius:15px;box-shadow:0 0 30px #ffffff62;width:100%;max-width:900px;text-align:center}.app{display:flex;flex-direction:column;align-items:center;justify-content:space-around}.App{width:500px;line-height:40px}.scroll-btn{background-color:transparent;height:50px;width:90px;border:none;font-size:large;color:beige;border:1px solid;border-radius:12px;margin:30px 10px 10px;transition-duration:1.2s}.scroll-btn1{background-color:#fff;height:50px;width:90px;border:2px solid;font-size:large;color:#000;border:1px solid;border-radius:12px;margin:30px 10px 10px;transition-duration:1.2s}.Link1{display:flex;flex-direction:row;font-size:12px;justify-content:right;width:100%;margin:10px}.Link1 a{margin-right:30px}@keyframes appear{0%{opacity:0;scale:.5;transform:translateY(30px)}to{opacity:1;scale:1;transform:translateY(0)}}.Home,.profile-page,.About-new,.project_main,.contactpage,.skills-page{animation:fadeIn .8s ease-in-out}.footer{padding-top:100px;width:100%;display:flex;justify-content:center;align-items:center}.footer button{width:60px;height:60px;background:#ffffff0d;border:2px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;justify-content:center;align-items:center;box-shadow:0 4px 15px #0000004d;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.footer button:hover{background:#ff5252;border-color:#ff5252;transform:translateY(-8px) scale(1.1);box-shadow:0 15px 30px #ff525266;color:#fff}.footer button:active{transform:translateY(-2px) scale(.95);box-shadow:0 5px 15px #ff525266}.layer1{width:10rem;top:71%;position:absolute;right:24%;z-index:0;border-radius:12px;box-shadow:0 0 75px 7px #fff}.About-new{display:flex;flex-direction:column;gap:3rem;margin:180px auto;padding:0 40px;max-width:1400px}.card{border:1px solid;border-radius:12px;padding:20px;height:200px;background-color:#000;box-shadow:1px 1px 10px #fff;animation:appear linear;animation-timeline:view();animation-range:entry 0% cover 40%;box-shadow:0 0 40px #ffffff62;cursor:pointer;overflow:hidden;text-overflow:ellipsis;max-width:100%;z-index:-1}.card .default,.card .hover{position:absolute;width:100%;height:100%;transition:opacity .3s ease-in-out}.card .hover{background:#000;color:#fff;opacity:0}.card:hover .default{opacity:0}.card:hover .hover{opacity:1}.about-box{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:40px;gap:40px;width:100%;padding:20px}.about-left{border:1px solid;padding:20px;margin:10px;width:100%;border-radius:12px;animation-timeline:view();animation-range:entry 0% cover 40%;box-shadow:0 0 40px #ffffff62}.about-box h2{font-weight:700}.about-left li{display:flex;flex-direction:row;justify-content:space-between;box-shadow:#000;margin-top:30px;padding:10px}.right p{color:#ff0202}.about-right{border:1px solid;padding:20px;margin:10px;width:100%;min-height:350px;border-radius:12px;animation-timeline:view();animation-range:entry 0% cover 40%;box-shadow:0 0 40px #ffffff62}.con .left li{list-style-type:none}.con{display:flex;justify-content:space-around;flex-direction:row}.u2 a{text-decoration:none;padding:20px}.input input{background-color:transparent}.terminal{display:flex;flex-direction:column;width:300px;padding:10px;padding-inline:100px;border:1px solid;margin:200px;width:70%;height:200px;align-items:right}.tech-stack-marquee{white-space:nowrap;line-height:1;overflow-y:auto;padding:20px;margin:60px auto;height:200px;font-size:clamp(20px,4vw,30px);border:2px solid;border-radius:15px;box-shadow:0 0 1px #ffffff62;width:100%;max-width:900px}.track{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));animation:scroll 30s linear infinite;gap:20px}.track span{display:inline-block;padding:0 1rem 1rem;font-size:clamp(1.5rem,4vw,3rem);font-weight:700;color:#61dafb;text-align:center}@keyframes scroll{50%{transform:translateY(100%)}50%{transform:translateY(-60%)}}.tech{display:flex;flex-direction:column}.scroll-btn:hover{background-color:#fff;color:#000;border:2px black}.scroll-btn1:hover{color:#d60000;background-color:#000}.project_main{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:3rem 2rem;gap:3rem;max-width:1400px;margin:0 auto}.project-header{display:flex;flex-direction:column;align-items:center;padding:6rem 2rem 3rem;max-width:1200px;margin:0 auto}.project-header h1{font-size:3rem;font-style:bold;font-weight:bolder}.project_card{border:.05rem solid white;padding:1.5rem;margin:1rem;min-height:29rem;overflow-y:auto;border-radius:20px;background:#08080803;-webkit-backdrop-filter:blur(22.5px);backdrop-filter:blur(22.5px);z-index:0;transition:ease-in-out .5s;display:flex;flex-direction:column}.project_card h1{color:#eee}.project_card p{color:#aaa}.project_card:hover{transform:scale(1.05);box-shadow:0 0 20px #fff}.cnter{align-items:center}.projectImage{border:.01rem solid grey;position:relative;width:100%;height:200px;overflow:hidden;margin:0 auto 1rem;border-radius:10px}.projectImage img{height:100%;width:100%;object-fit:cover;object-position:center}.tech{display:flex;flex-wrap:wrap;flex-direction:row;align-items:left}.framework{margin:.5rem;border:.02rem solid #333;border-radius:15px;padding:.3rem .8rem;background-color:#5d5c5c;color:#eee;max-width:fit-content;font-size:.8rem;white-space:nowrap}.projectbutton{display:flex;flex-direction:row;justify-content:space-evenly;margin:1rem}.projectbutton a{width:45%;padding:.5rem;text-align:center;text-decoration:none;background-color:#454343;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .3s ease;font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:5px}.projectbutton a:hover{box-shadow:0 0 7px #f2f2f2,0 0 10px #868585}.projectbutton .live2{background-color:#d4d3d3;color:#000;font-size:large;font-weight:700}.projectbutton .live2:hover{box-shadow:0 0 7px gray,0 0 10px #b100ec;color:#580058}.contactpage{display:flex;flex-direction:column;padding:6rem 2rem 4rem;align-items:center;max-width:1200px;margin:0 auto}.contactinto{text-align:center}.contactinto a{color:#fff;font-weight:10000}.DetailsForm{display:flex;flex-direction:column;background:#08080803;-webkit-backdrop-filter:blur(22.5px);backdrop-filter:blur(22.5px);z-index:0;transition:ease-in-out .5s;padding:2rem;border:1px solid #5d5c5c;margin-top:3rem}.DetailsForm .data{padding:.8rem 1rem;margin:.5rem 0;border-radius:8px;border:1px solid #ddd;color:#000;width:100%;font-size:16px;background-color:#fff}.DetailsForm button{background-color:#2323ca;height:3rem;width:100%;border:none;border-radius:4px;margin-top:1rem;color:#fff;font-size:16px;cursor:pointer;transition:background-color .3s ease}.DetailsForm button:hover{background-color:#191996}.DetailsForm p{color:#aaa;margin:1rem}.basicDeatils{padding:1.5rem;margin:5rem;border-radius:10px;border:none;background-color:#2f2e2e}.block_details{background-color:#b7b7b7;margin:.5rem;border:none;border-radius:10px;padding:.1rem}.block_details p{color:#2a2700;text-align:center}.contactinto p{color:#aaa}.basicDeatils h2{color:red}.skills-page{padding:6rem 2rem 4rem;text-align:center;max-width:1200px;margin:0 auto}.skills-container{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-top:1rem;max-width:1200px;margin-left:auto;margin-right:auto}.skill-category{min-width:200px;max-width:300px;border:1px solid #ddd;border-radius:12px;padding:1rem;background:#f9f9f9;flex:1}.skill-category h3{margin-bottom:1rem;font-size:1.2rem;color:#333}.skill-item{list-style:none;padding:4px 0;color:#444}@media (max-width: 1200px){.header-main ul{width:min(95%,900px)}.project_main{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}}@media (max-width: 768px){.header-main{margin:10px;padding:0 10px}.header-main ul{width:95%;padding:10px;padding-inline:20px}.header-main li{margin-inline:2px;padding-inline:8px}.Home{margin-top:100px;padding:30px 15px}.u1{flex-direction:column;gap:25px;padding:15px}.UL1,.UL2{min-width:100%}.UL11 a{max-width:100%;height:auto;min-height:180px}.ULL2 a{width:100%;max-width:none;min-width:100%;height:140px}.UL2 div1,.UL2 a{width:100%;max-width:none;min-width:100%;height:300px}.u2{flex-direction:column;gap:25px;padding:40px}.u2 a,.new-box{width:100%;max-width:none;min-width:100%;margin:10px;padding:20px}.profile-box{flex-direction:column;text-align:center;gap:15px}.profile-box p{margin:10px;min-width:100%}.profile{width:80px;height:80px;margin:10px}.intro{margin:20px 10px;padding:15px;font-size:clamp(16px,5vw,24px)}.tech-stack-marquee{margin:30px 10px;height:150px;font-size:clamp(16px,4vw,24px)}.track{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:10px}.track span{font-size:clamp(1.2rem,4vw,2rem);padding:0 .5rem}.project_main{grid-template-columns:1fr;padding:1rem;gap:1rem}.project_card{margin:.5rem;padding:1rem;min-height:auto}.projectImage{height:180px}.framework{margin:.3rem;font-size:.7rem;padding:.2rem .6rem}.projectbutton{flex-direction:column;gap:10px}.projectbutton a{width:100%}.About-new{margin:80px 20px;gap:5rem}.about-box{grid-template-columns:1fr;margin:0;gap:20px}.about-left,.about-right{width:100%;margin:5px}.contactpage{padding:2rem 1rem}.DetailsForm{padding:1.5rem;margin-top:2rem}.DetailsForm .data{width:100%;padding:.5rem}.basicDeatils{margin:2rem 1rem;padding:1rem}.skills-container{flex-direction:column;align-items:center;gap:1rem}.skill-category{width:100%;max-width:400px}}@media (max-width: 480px){.header-main ul{width:98%;padding:8px;padding-inline:15px}.header-main li{margin-inline:1px;padding-inline:6px;font-size:.9rem}.Home{margin-top:70px;padding:10px}.intro{margin:15px 5px;padding:10px;font-size:clamp(14px,4vw,20px)}.tech-stack-marquee{margin:20px 5px;height:120px;font-size:clamp(14px,4vw,20px)}.track{grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:8px}.track span{font-size:clamp(1rem,4vw,1.5rem);padding:0 .3rem}.UL11 a{height:auto;min-height:150px;padding:15px}.ULL2 a{height:120px;padding:10px}.UL2 div1,.UL2 a{height:250px}.u2 a,.new-box{height:160px;padding:15px}.profile{width:60px;height:60px}.profile-box p{font-size:clamp(14px,4vw,18px);margin:8px}.name{font-size:clamp(1.2rem,5vw,1.8rem)}.project_card{padding:1rem;margin:.3rem}.projectImage{height:150px}.framework{margin:.2rem;font-size:.6rem;padding:.2rem .4rem}.About-new{margin:60px 10px;gap:3rem}.about-left,.about-right{padding:10px;margin:5px 0}.about-left li{margin-top:20px;padding:8px}.contactpage{padding:1rem .5rem}.DetailsForm{padding:1rem;margin-top:1.5rem}.DetailsForm .data{padding:.4rem;font-size:16px}.basicDeatils{margin:1rem .5rem;padding:.8rem}.block_details{margin:.3rem;padding:.5rem}.scroll-btn,.scroll-btn1{width:80px;height:40px;font-size:.9rem;margin:5px}.enter,.enter1,.enter2,.enter3{width:80px;height:35px;font-size:16px}}@media (max-width: 320px){.header-main ul{padding:5px;padding-inline:10px}.header-main li{font-size:.8rem;padding-inline:4px}.intro{padding:8px;font-size:clamp(12px,4vw,16px)}.tech-stack-marquee{height:100px;font-size:clamp(12px,4vw,16px)}.track span{font-size:clamp(.8rem,4vw,1.2rem)}.u2 a,.new-box{height:140px;padding:10px}.profile{width:50px;height:50px}.project_card{padding:.8rem}.projectImage{height:120px}.framework{font-size:.5rem;padding:.1rem .3rem}}@media (max-height: 500px) and (orientation: landscape){.Home{margin-top:60px;min-height:60vh}.profile-page{flex-direction:column;height:auto;padding:20px}.intro{margin:20px 10px;font-size:clamp(16px,3vw,24px)}.tech-stack-marquee{height:100px;margin:20px 10px}.UL2 div1,.UL2 a{height:200px}.u2 a,.new-box{height:120px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.profile,.projectImage img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}.u2 a:hover,.new-box:hover,.UL11 a:hover,.ULL2 a:hover{transform:translateY(-5px);box-shadow:0 10px 60px #ffffff80;border-color:#ff5252;transition:all .3s ease}.enter:hover,.enter1:hover,.enter2:hover,.enter3:hover{background-color:#ff5252;color:#fff;transform:scale(1.05);box-shadow:0 5px 20px #ff52524d}.u2 a,.new-box,.UL11 a,.ULL2 a,.enter,.enter1,.enter2,.enter3,.scroll-btn,.scroll-btn1,.project_card{transition:all .3s ease}.project_card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 15px 40px #fff3}.framework{transition:all .3s ease}.framework:hover{background-color:#61dafb;color:#000;transform:scale(1.05)}.profile:hover{transform:scale(1.1);border-radius:30px;box-shadow:0 0 30px #ff525280}@keyframes profilePulse{0%,to{box-shadow:1px 1px 1px #ffffff1a}50%{box-shadow:0 0 20px #ff52524d}}.profile{animation:profilePulse 3s ease-in-out infinite}.header-main a{transition:all .3s ease}.header-main a:hover{background-color:#ff5252;color:#fff;transform:translateY(-2px);box-shadow:0 5px 15px #ff52524d}.track span{transition:all .3s ease}.track span:hover{transform:scale(1.1);color:#61dafb}.DetailsForm input:focus,.DetailsForm textarea:focus{outline:none;border-color:#ff5252;box-shadow:0 0 10px #ff52524d}.skill-category{transition:all .3s ease}.skill-category:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0003;background:#f0f0f0}.card{transition:all .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #fff3}.scroll-btn:hover,.scroll-btn1:hover{transform:translateY(-3px);box-shadow:0 8px 25px #ffffff4d}.skills-page{min-height:100vh;padding:6rem 2rem 4rem;max-width:1400px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.skills-header{text-align:center;margin-bottom:4rem;max-width:800px;margin-left:auto;margin-right:auto}.title-icon{font-size:clamp(2rem,6vw,3rem);animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.skills-description{font-size:clamp(1rem,3vw,1.2rem);color:var(--text-secondary, #aaaaaa);line-height:1.8;margin-bottom:2rem}.skills-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;width:100%;max-width:1200px;animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.skill-category{background:var(--card-bg, rgba(20, 20, 20, .95));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:24px;padding:2rem;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);animation:slideInUp .6s ease-out forwards;box-shadow:var(--shadow-light, 0 8px 32px rgba(255, 255, 255, .1))}.skill-category:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color, #ff5252) 0%,var(--secondary-color, #61dafb) 100%);border-radius:24px 24px 0 0}.skill-category:hover{transform:translateY(-8px);box-shadow:0 20px 60px #ffffff26;border-color:var(--primary-color, #ff5252)}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.category-header{display:flex;align-items:center;margin-bottom:2rem;gap:1rem}.category-icon{font-size:2rem;filter:drop-shadow(0 0 10px rgba(255,255,255,.3));transition:transform .3s ease}.skill-category:hover .category-icon{transform:scale(1.1) rotate(5deg)}.category-title{font-size:clamp(1.2rem,4vw,1.5rem);font-weight:700;color:var(--text-primary, white);margin:0}.skills-list{display:flex;flex-direction:column;gap:1rem}.skill-item{display:flex;align-items:center;justify-content:space-between;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem 1.5rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.skill-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.skill-item:hover:before{left:100%}.skill-item:hover{background:#ffffff1a;border-color:var(--primary-color, #ff5252);transform:translate(8px);box-shadow:0 8px 25px #ff525233}.skill-item:focus{outline:2px solid var(--primary-color, #ff5252);outline-offset:2px}.skill-name{font-weight:600;color:var(--text-primary, white);font-size:clamp(.9rem,2.5vw,1rem);flex:1}.skill-arrow{font-size:1.2rem;color:var(--secondary-color, #61dafb);font-weight:700;transition:transform .3s ease;opacity:.7}.skill-item:hover .skill-arrow{transform:translate(5px);opacity:1;color:var(--primary-color, #ff5252)}@media (max-width: 1200px){.skills-container{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}}@media (max-width: 768px){.skills-page{padding:4rem 1rem 2rem}.skills-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.skill-category{padding:1.5rem}.category-header{flex-direction:row;justify-content:flex-start;gap:.8rem}.category-icon{font-size:1.8rem}.skill-item{padding:.8rem 1.2rem}.skills-title{flex-direction:column;gap:.5rem}}@media (max-width: 480px){.skills-page{padding:3rem .5rem 2rem}.skills-container{grid-template-columns:1fr;gap:1rem}.skill-category{padding:1.2rem;margin:0 .5rem}.category-header{margin-bottom:1.5rem}.category-icon{font-size:1.5rem}.category-title{font-size:1.1rem}.skill-item{padding:.7rem 1rem}.skill-name{font-size:.9rem}.skills-header{margin-bottom:2rem}.skills-description{font-size:1rem}}@media (max-width: 320px){.skills-page{padding:2rem .3rem 1rem}.skill-category{padding:1rem;margin:0 .2rem}.skill-item{padding:.6rem .8rem}.category-title{font-size:1rem}.skill-name{font-size:.8rem}.skill-arrow{font-size:1rem}}@media (prefers-reduced-motion: reduce){.title-icon,.skill-item,.skill-category{animation:none}.skill-item:hover,.skill-category:hover{transform:none}.skill-arrow,.category-icon{transition:none}}@media (prefers-contrast: high){.skill-category{border:2px solid white;background:#000}.skill-item{border:1px solid white;background:#ffffff1a}.skill-item:hover{background:#fff3}}.skill-item:focus-visible{outline:3px solid var(--primary-color, #ff5252);outline-offset:2px;background:#ffffff1a}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skill-category.loading{background:linear-gradient(90deg,#ffffff1a,#fff3,#ffffff1a 80px);background-size:200px 100%;animation:shimmer 1.5s infinite linear}@media print{.skills-page{background:#fff!important;color:#000!important;padding:1rem}.skill-category{background:#fff!important;border:1px solid black!important;page-break-inside:avoid;margin-bottom:1rem}.skill-item{background:transparent!important;border:1px solid #ccc!important}.skills-title{color:#000!important;background:none!important;-webkit-text-fill-color:black!important}}.about-container{padding:2rem;max-width:1400px;margin:80px auto;color:#fff;animation:fadeIn .8s ease-in-out}.about-header{text-align:center;margin-bottom:4rem}.title-text{font-family:Dancing Script,cursive;font-size:clamp(3rem,6vw,5rem);color:#ff5252;margin-bottom:1rem;text-shadow:0 0 10px rgba(255,82,82,.5)}.subtitle-text{font-size:clamp(1.2rem,3vw,1.5rem);color:#ccc;font-weight:300}.glass-effect{background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000005e;border-radius:16px;padding:2rem;transition:all .3s ease}.glass-effect:hover{background:#ffffff14;transform:translateY(-5px);border-color:#ffffff4d;box-shadow:0 15px 40px #ff525226}.about-bio-section{max-width:900px;margin:0 auto 4rem}.bio-card p{font-size:1.1rem;line-height:1.8;color:#e0e0e0}.bio-card strong{color:#ff5252}.about-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.section-title{font-family:Dancing Script,cursive;font-size:2.5rem;color:#fff;margin-bottom:2rem;border-bottom:2px solid rgb(255,82,82);display:inline-block;padding-bottom:.5rem}.timeline{border-left:2px solid rgba(255,255,255,.1);padding-left:2rem;display:flex;flex-direction:column;gap:2rem}.timeline-item{position:relative;padding:1.5rem}.timeline-item:before{content:"";position:absolute;left:-2.6rem;top:2rem;width:1rem;height:1rem;background:#ff5252;border-radius:50%;box-shadow:0 0 10px #ff5252}.timeline-date{font-size:.9rem;color:#ff5252;margin-bottom:.5rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.timeline-content h3{font-size:1.4rem;margin-bottom:.5rem;color:#fff}.timeline-content h4{font-size:1.1rem;margin-bottom:.5rem;color:#ccc;font-weight:400}.timeline-content p{color:#aaa;margin-bottom:.5rem}.t-list{margin-top:1rem;list-style-type:disc;padding-left:1.5rem}.t-list li{margin-bottom:.5rem;color:#bbb;line-height:1.6}@media (max-width: 900px){.about-details-grid{grid-template-columns:1fr}.timeline{border-left:none;padding-left:0}.timeline-item:before{display:none}.about-container{margin-top:60px;padding:1rem}.title-text{font-size:3rem}.bio-card{margin:0 1rem}}.home-container{max-width:1400px;margin:80px auto;padding:0 1.5rem;overflow-x:hidden}.hero-section{display:flex;align-items:center;justify-content:space-between;min-height:80vh;padding:2rem 0;gap:2rem}.hero-content{flex:1;max-width:600px;z-index:10}.hero-visual{flex:1;height:600px;width:600px;position:relative;display:flex;align-items:center;justify-content:center}.spline-container{width:100%;height:100%;transform:scale(.8);position:relative}.spline-container a,.spline-container a:visited,.spline-container a:hover,.spline-container a:active{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;font-size:0!important;width:0!important;height:0!important}#spline-watermark,.spline-watermark{display:none!important}.greeting{font-size:clamp(2.5rem,5vw,4.5rem);font-weight:700;line-height:1.1;margin-bottom:1rem;color:#fff}.name-highlight{font-family:Dancing Script,cursive;color:#ff5252}.typewriter-container{font-size:clamp(1.2rem,3vw,2rem);color:#ff5252;font-weight:600;min-height:3rem;margin-bottom:1.5rem}.hero-description{font-size:1.1rem;color:#ccc;margin-bottom:2rem;line-height:1.6;max-width:500px}.hero-buttons{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.primary-btn{padding:12px 30px;background-color:#ff5252;color:#fff;border:none;border-radius:50px;font-size:1.1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #ff525266}.primary-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #ff525299}.secondary-btn{padding:10px 25px;background:transparent;color:#fff;border:2px solid white;border-radius:50px;font-size:1.1rem;text-decoration:none;cursor:pointer;transition:all .3s ease}.secondary-btn:hover{background:#fff;color:#000;transform:translateY(-3px)}.social-links{display:flex;gap:1rem;margin-left:1rem}.social-links a{font-size:2rem;color:#fff;transition:color .3s ease,transform .3s ease}.social-links a:hover{color:#ff5252;transform:scale(1.2)}.tech-stack-section{margin:4rem 0;padding:2rem;position:relative;overflow:hidden}.section-label{text-align:center;font-size:1.5rem;margin-bottom:2rem;color:#aaa;text-transform:uppercase;letter-spacing:2px}.tech-marquee-container{overflow:hidden;position:relative}.tech-marquee-container .track{display:flex;gap:4rem;width:max-content;animation:scrollHorizontal 40s linear infinite}.tech-marquee-container span{font-size:4rem;color:#fff;transition:transform .3s ease}.tech-marquee-container span:hover{transform:scale(1.2)}@keyframes scrollHorizontal{0%{transform:translate(0)}to{transform:translate(-50%)}}.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(180px,auto);gap:24px;padding-bottom:4rem}.bento-card{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:2rem;border-radius:24px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);background:#ffffff08;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 24px -1px #0003}.bento-card:hover{transform:translateY(-8px) scale(1.02);background:#ffffff0f;border-color:#fff3;box-shadow:0 20px 40px -5px #0006;z-index:10}.bento-card h3{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(90deg,#fff,#bbb);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.bento-card p{font-size:.95rem;color:#999;line-height:1.6}.slider-card{grid-column:span 2;padding:0;overflow:hidden;border:none;height:500px}.slider-card>div{width:100%;height:100%;border-radius:16px}.skills-card{grid-column:span 1;background:linear-gradient(135deg,#141414cc,#1e1e1ee6);padding:0;overflow:hidden}.skills-card-content{width:100%;height:100%;position:relative;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at center,rgba(255,82,82,.1),transparent 70%)}.skills-preview-img{width:85%;height:85%;object-fit:contain;object-position:center;transition:transform .5s ease;filter:drop-shadow(0 0 10px rgba(0,0,0,.5))}.skills-card:hover .skills-preview-img{transform:scale(1.1) rotate(5deg)}.profile-card{grid-column:span 2;background:linear-gradient(145deg,#ffffff0d,#0000);display:block}.card-content{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:2rem;height:100%}.profile-text{flex:1}.profile-text h3{font-size:2rem;line-height:1.2;margin-bottom:1rem;-webkit-text-fill-color:white}.highlight-text{font-family:Dancing Script,cursive;color:#ff5252;font-weight:400}.profile-card:hover .profile-image-container{transform:scale(1.1);border-color:#ff5252;box-shadow:0 0 20px #ff52524d}.profile-image-container{width:130px;height:130px;border-radius:50%;padding:4px;border:2px solid rgba(255,255,255,.1);background:#0000004d;flex-shrink:0;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.profile-img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.resume-card{grid-column:span 1;background:linear-gradient(135deg,#1e1e1e99,#141414e6);display:flex;flex-direction:column;justify-content:center}.resume-card:hover{background:linear-gradient(135deg,#ff525226,#0000);border-color:#ff5252}.text-btn{background:#ffffff1a;color:#fff;padding:12px 20px;border-radius:50px;width:100%;display:inline-flex;align-items:center;justify-content:center;margin-top:auto;border:1px solid rgba(255,255,255,.2);font-weight:500;font-size:.95rem;transition:all .3s ease;cursor:pointer;text-decoration:none}.text-btn:hover{background:#fff;color:#191919;transform:translateY(-2px);box-shadow:0 5px 15px #fff3;gap:15px}.tags-container{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;margin-bottom:12px}.mini-tag{background:#ffffff1a;color:#ddd;font-size:.75rem;padding:4px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.2)}.stats-row{display:flex;justify-content:space-between;margin:1.5rem 0;gap:10px}.stat-item{display:flex;flex-direction:column;align-items:center;background:#0003;padding:10px;border-radius:12px;flex:1}.stat-num{font-size:1.5rem;font-weight:800;color:#fff}.stat-label{font-size:.75rem;color:#aaa;text-transform:uppercase}.overlay-text{position:absolute;bottom:20px;left:20px;background:#000c;padding:5px 12px;border-radius:8px;font-size:.9rem;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2)}.project-list-home{display:flex;flex-direction:column;gap:8px;margin-top:1rem;overflow-y:auto;max-height:240px;padding-right:5px}.project-list-home::-webkit-scrollbar{width:4px}.project-list-home::-webkit-scrollbar-track{background:#ffffff05}.project-list-home::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.p-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#0003;border:1px solid rgba(255,255,255,.05);border-radius:12px;font-size:.95rem;color:#e0e0e0;transition:all .3s ease;cursor:pointer}.p-item:hover{background:#ffffff1a;transform:translate(5px);border-color:#fff3;color:#fff}.p-item:after{content:"→";opacity:0;transform:translate(-10px);transition:all .3s ease;color:#ff5252}.p-item:hover:after{opacity:1;transform:translate(0)}.p-emoji{display:none}.cert-list-home{list-style:none;margin-top:1rem;padding:0;display:flex;flex-direction:column;gap:10px}.cert-list-home li{background:#ffffff0d;padding:10px;border-radius:8px;font-size:.9rem;color:#ddd;border-left:3px solid rgb(255,82,82)}@media (max-width: 1024px){.bento-grid{grid-template-columns:repeat(2,1fr)}.profile-card,.story-card,.slider-card,.projects-card{grid-column:span 2}.hero-section{flex-direction:column-reverse;text-align:center;justify-content:center}.hero-content{max-width:100%}.hero-buttons{justify-content:center}.hero-visual{display:none}}@media (max-width: 600px){.bento-grid{display:flex;flex-direction:column}.bento-card{min-height:200px}.profile-card{flex-direction:column;text-align:center}.profile-image-container{margin:1rem auto 0}.contact-item{word-break:break-all}.greeting{font-size:2.5rem}}.project-footer-msg{margin-top:1rem;font-size:.9rem;color:#bbb;font-style:italic}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .8s ease-out forwards;opacity:0}.animate-slide-up{animation:slideUp .8s ease-out forwards;opacity:0}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.intro-screen{position:fixed;top:0;left:0;width:100%;height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a0a0a,#0a0a0a);display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity .8s ease-in-out;overflow:hidden}.intro-screen.fade-out{opacity:0;pointer-events:none}.intro-screen.fade-out .intro-name{transform:scale(4);opacity:0;filter:blur(4px);transition:transform .8s ease-in-out,opacity .8s ease-in,filter .8s ease-in}.intro-screen.fade-out .intro-tagline,.intro-screen.fade-out .intro-line{opacity:0;transition:opacity .3s ease-out}.intro-content{text-align:center;color:#fff;position:relative;z-index:2}.intro-particles{position:absolute;width:100%;height:100%;overflow:hidden}.particle{position:absolute;width:4px;height:4px;background:#ff525299;border-radius:50%;box-shadow:0 0 10px #ff5252cc;animation:particleFloat 5s infinite ease-in-out}@keyframes particleFloat{0%,to{transform:translateY(0) translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) translate(50px);opacity:0}}.intro-name{font-size:clamp(4rem,10vw,8rem);font-weight:900;margin-bottom:2rem;display:flex;flex-direction:row;gap:1.5rem;animation:nameEntrance 1s ease-out;justify-content:center;align-items:center}@keyframes nameEntrance{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.first-name,.last-name{position:relative;display:inline-block;background:linear-gradient(135deg,#fff,#ff5252);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(255,82,82,.5);animation:glitchText 3s infinite}.first-name{animation-delay:.5s}.last-name{animation-delay:1s}@keyframes glitchText{0%,90%,to{transform:translate(0);filter:blur(0)}92%{transform:translate(-2px,2px);filter:blur(1px)}94%{transform:translate(2px,-2px);filter:blur(1px)}96%{transform:translate(-2px,-2px);filter:blur(1px)}}.intro-line{width:0;height:3px;background:linear-gradient(90deg,transparent,#ff5252,transparent);margin:2rem auto;box-shadow:0 0 20px #ff5252cc;animation:lineExpand 1.5s ease-out .5s forwards}@keyframes lineExpand{0%{width:0}to{width:300px}}.project-header{text-align:center;margin:6rem auto 4rem;padding:0 1.5rem;display:flex;flex-direction:column;align-items:center;width:100%}.project-header h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;margin-bottom:1rem;background:linear-gradient(90deg,#fff,#bbb);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.project-header .highlighter{width:60px;height:4px;background:#ff5252;margin:0 auto 1.5rem;border-radius:2px}.project-header p{color:#ccc;max-width:600px;margin:0 auto;font-size:1.1rem;line-height:1.6}.project_main{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;max-width:1200px;margin:0 auto 6rem;padding:0 1.5rem}.project_card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:1.5rem;display:flex;flex-direction:column;transition:all .4s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.project_card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0006;background:#ffffff0d;border-color:#fff3}.projectImage{width:100%;height:220px;border-radius:12px;overflow:hidden;margin-bottom:1.5rem;border:1px solid rgba(255,255,255,.1)}.projectImage img{width:100%;height:100%;object-fit:contain;transition:transform .5s ease;background-color:#000}.project_card:hover .projectImage img{transform:scale(1.05)}.project_card h2{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:#64b5f6;font-family:Dancing Script,cursive}.project_card h1{font-size:2rem;font-weight:700;margin-bottom:1.5rem;color:#fff;text-align:center;width:100%}.project_card:has(h1){text-align:center;justify-content:center;align-items:center}.project_card p{color:#aaa;line-height:1.6;margin-bottom:1.5rem;flex-grow:1;font-size:.95rem}.project_card p strong{color:#ff9a8b;font-weight:600}.tech{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:1.5rem}.framework{background:#ff525226;color:#ff5252;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;border:1px solid rgba(255,82,82,.3);transition:all .3s ease}.framework:hover{background:#ff5252;color:#fff;transform:translateY(-2px)}.projectbutton{display:flex;gap:1rem;margin-top:auto}.projectbutton a{flex:1;padding:10px;text-align:center;border-radius:50px;text-decoration:none;font-weight:600;font-size:.95rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.projectbutton a[href*=github]{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.projectbutton a[href*=github]:hover{background:#fff;color:#000}.live2,.projectbutton a:not([href*=github]){background:#ff5252;color:#fff;border:1px solid rgb(255,82,82)}.live2:hover,.projectbutton a:not([href*=github]):hover{background:transparent;color:#ff5252}.contact-page{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:8rem 2rem;position:relative;overflow:hidden;background-color:#000}.contact-bg-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:20vw;font-weight:900;color:#ffffff05;pointer-events:none;z-index:0;white-space:nowrap}.contact-container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;max-width:1200px;width:100%;position:relative;z-index:1}.contact-info{display:flex;flex-direction:column;justify-content:center}.contact-info h1{font-size:3.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(90deg,#fff,#999);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.contact-desc{color:#aaa;font-size:1.1rem;margin-bottom:3rem;line-height:1.6}.info-items{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:3rem}.info-item{display:flex;align-items:center;gap:15px;font-size:1.1rem;color:#ddd}.info-item .icon{font-size:1.5rem;width:40px;text-align:center}.contact-form-wrapper{background:#19191980;padding:3rem;border-radius:20px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 20px 50px #00000080}.contact-form h2{font-size:2rem;margin-bottom:2rem;color:#fff}.form-group{margin-bottom:1.5rem}.form-group input,.form-group textarea{width:100%;padding:15px;background:#00000080;border:1px solid #333;border-radius:10px;color:#fff;font-size:1rem;transition:all .3s ease;resize:none}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#ff5252;box-shadow:0 0 15px #ff525233;background:#000c}.submit-btn{width:100%;padding:15px;background:#fff;color:#000;font-weight:700;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;font-size:1rem;text-transform:uppercase;letter-spacing:1px}.submit-btn:hover{background:#ff5252;color:#fff;transform:translateY(-2px);box-shadow:0 10px 20px #ff52524d}.cal-section{margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.cal-section h3{margin-bottom:.5rem;font-size:1.5rem;color:#fff}.cal-section p{color:#888;margin-bottom:1.5rem}.cal-btn{display:inline-flex;align-items:center;gap:10px;background:#ff5252;color:#fff;border:none;padding:14px 28px;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 20px #ff52524d}.cal-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 20px 40px #ff525280;background:#fff;color:#ff5252}@media (max-width: 900px){.contact-container{grid-template-columns:1fr;gap:3rem}.contact-form-wrapper{padding:2rem}.contact-page{padding:6rem 1rem}.contact-bg-text{font-size:15vw}}.skills-page{min-height:100vh;padding:8rem 2rem 4rem;max-width:1400px;margin:0 auto;background-image:linear-gradient(#000c,#000c),radial-gradient(circle at 50% 50%,rgba(255,82,82,.05) 0%,transparent 50%)}.skills-header{text-align:center;margin-bottom:5rem;position:relative}.title-icon{display:none}.skills-description{font-family:Courier New,monospace;color:#888;font-size:.9rem;background:#ffffff0d;display:inline-block;padding:8px 16px;border-radius:4px;border-left:2px solid rgb(255,82,82)}.skills-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;width:100%}.skill-category{background:#0a0a0a;border:1px solid #222;padding:0;position:relative;transition:all .4s ease;overflow:hidden;clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px)}.skill-category:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,rgb(255,82,82),transparent);opacity:.5}.skill-category:hover{transform:translateY(-5px);border-color:#444;box-shadow:0 10px 30px #000000b3}.skill-category:hover:before{opacity:1;background:linear-gradient(90deg,#ff5252,#fff)}.category-header{background:#ffffff08;padding:1.5rem;display:flex;align-items:center;gap:15px;border-bottom:1px solid #222}.category-icon{font-size:1.5rem;filter:grayscale(100%);transition:.3s}.skill-category:hover .category-icon{filter:grayscale(0%);transform:scale(1.2)}.category-title{font-family:Courier New,monospace;text-transform:uppercase;font-size:1.1rem;letter-spacing:2px;color:#ccc}.skills-list{padding:1.5rem;display:flex;flex-wrap:wrap;gap:12px}.skill-item{padding:8px 16px;background:#111;border:1px solid #333;font-size:.9rem;color:#bbb;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.skill-item:before{content:"";position:absolute;top:0;left:0;width:0%;height:100%;background:#ff5252;z-index:-1;transition:width .3s ease}.skill-item:hover{color:#000;border-color:#ff5252;font-weight:700;transform:translate(5px)}.skill-item:hover:before{width:100%}.skill-arrow{display:none}.skills-page:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:50px 50px;z-index:-1;pointer-events:none;-webkit-mask-image:radial-gradient(circle at center,black 40%,transparent 90%);mask-image:radial-gradient(circle at center,black 40%,transparent 90%)}.intro-tagline{font-size:1.2rem;color:#aaa;letter-spacing:5px;text-transform:uppercase;opacity:0;animation:fadeIn 1s ease-out 1s forwards}@keyframes slideUpFade{to{opacity:1;transform:translateY(0)}}@keyframes expandLine{to{width:100px}}@keyframes fadeIn{to{opacity:1}}.skills-page-new{min-height:100vh;padding:8rem 2rem 4rem;position:relative;max-width:1400px;margin:0 auto;overflow:hidden}.skills-bg-glow{position:absolute;top:-20%;left:50%;transform:translate(-50%);width:600px;height:600px;background:radial-gradient(circle,#ff525226,#0000 70%);filter:blur(80px);z-index:-1;pointer-events:none;animation:pulseGlow 8s infinite alternate}@keyframes pulseGlow{0%{opacity:.5;transform:translate(-50%) scale(1)}to{opacity:.8;transform:translate(-50%) scale(1.2)}}.skills-header{text-align:center;margin-bottom:4rem;position:relative;z-index:2}.skills-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;margin-bottom:1rem;text-transform:uppercase;letter-spacing:2px;display:inline-block;position:relative;z-index:1}.skills-title .highlight{color:#ff5252;position:relative;display:inline-block}.skills-title .highlight:after{content:"";position:absolute;bottom:5px;left:0;width:100%;height:8px;background:#ff52524d;z-index:-1;transform:skew(-15deg)}.skills-subtitle{color:#bbb;font-size:1.1rem;max-width:600px;margin:0 auto;line-height:1.6}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;position:relative;z-index:2}.skill-category-card{background:#19191999;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:2rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000004d}.skill-category-card:hover{transform:translateY(-10px);border-color:#ff525266;box-shadow:0 20px 40px #00000080,0 0 20px #ff52521a;background:#1e1e1ecc}.category-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.icon-wrapper{width:50px;height:50px;background:#ff52521a;border-radius:12px;display:flex;justify-content:center;align-items:center;font-size:1.5rem;color:#ff5252;transition:all .3s ease}.skill-category-card:hover .icon-wrapper{background:#ff5252;color:#fff;transform:rotate(5deg)}.category-header h3{font-size:1.5rem;margin:0;font-weight:700;color:#fff}.skills-list{display:flex;flex-wrap:wrap;gap:12px}.skill-badge{display:flex;align-items:center;gap:8px;background:#ffffff0d;padding:8px 16px;border-radius:50px;font-size:.95rem;color:#ddd;border:1px solid rgba(255,255,255,.05);text-decoration:none;transition:all .3s ease;cursor:pointer}.skill-badge i{font-size:1.1rem;transition:transform .3s ease}.skill-badge:hover{background:#fff;color:#000;transform:translateY(-3px);box-shadow:0 5px 15px #ffffff1a;border-color:#fff}.skill-badge:hover i{transform:scale(1.2)}@media (max-width: 768px){.skills-header{margin-bottom:3rem}.skills-grid{grid-template-columns:1fr}.skill-category-card{padding:1.5rem}}*{cursor:none!important}.custom-cursor{position:fixed;width:40px;height:40px;pointer-events:none;z-index:9999;top:0;left:0;opacity:0;transition:opacity .3s ease;will-change:transform;font-size:32px;display:flex;align-items:center;justify-content:center}.custom-cursor:before{content:"🐼";display:block}.cursor-trail{position:fixed;width:50px;height:50px;border:2px solid rgba(255,255,255,.3);background:#ffffff1a;border-radius:50%;pointer-events:none;z-index:9998;top:0;left:0;will-change:transform;box-shadow:0 0 20px #fff3,inset 0 0 15px #ffffff1a;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.click-ripple{position:fixed;pointer-events:none;z-index:9997;width:0;height:0}.ripple-wave{position:absolute;top:50%;left:50%;width:10px;height:10px;border:2px solid rgb(255,82,82);border-radius:50%;transform:translate(-50%,-50%);animation:rippleExpand 1s ease-out forwards;opacity:0}.ripple-1{animation-delay:0s}.ripple-2{animation-delay:.15s}.ripple-3{animation-delay:.3s}@keyframes rippleExpand{0%{width:10px;height:10px;opacity:1;border-width:3px}50%{opacity:.6;border-width:2px}to{width:200px;height:200px;opacity:0;border-width:1px}}.intro-tagline{font-size:1.2rem;color:#aaa;letter-spacing:4px;text-transform:uppercase;opacity:0;animation:fadeInUp 1s ease-out 1s forwards;display:flex;flex-direction:column;gap:.5rem}.tagline-text{color:#ff5252;font-weight:600;font-size:1rem}.tagline-year{color:#666;font-size:.9rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.corner-accent{position:absolute;width:100px;height:100px;border:2px solid rgba(255,82,82,.3);animation:cornerPulse 2s infinite ease-in-out}.top-left{top:40px;left:40px;border-right:none;border-bottom:none}.top-right{top:40px;right:40px;border-left:none;border-bottom:none}.bottom-left{bottom:40px;left:40px;border-right:none;border-top:none}.bottom-right{bottom:40px;right:40px;border-left:none;border-top:none}@keyframes cornerPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.contact-item{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.contact-item:hover{background:#ffffff14;border-color:#fff3}.copy-btn{background:#ff525226;border:1px solid rgba(255,82,82,.3);border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0;font-family:Poppins,sans-serif}.copy-btn:hover{background:#ff525240;border-color:#ff525280;transform:scale(1.05)}.copy-btn.copied{background:#4caf5040;border-color:#4caf5080}.contact-item span{flex:1;font-size:.95rem;color:#fff;font-family:Poppins,sans-serif}.resume-container{max-width:1200px;margin:100px auto 50px;padding:0 2rem;min-height:100vh}.resume-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid rgba(255,255,255,.1)}.resume-header h1{font-size:2.5rem;color:#64b5f6;font-family:Dancing Script,cursive}.download-resume-btn{background:linear-gradient(135deg,#ff5252,#ff1744);color:#fff;border:none;padding:12px 30px;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s ease;box-shadow:0 4px 15px #ff52524d}.download-resume-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff525280}.download-resume-btn span{font-size:1.3rem}.resume-viewer{width:100%;height:calc(100vh - 250px);min-height:600px;background:#ffffff0d;border-radius:15px;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 40px #0000004d}.pdf-iframe{width:100%;height:100%;border:none}@media (max-width: 768px){.resume-container{margin:80px auto 30px;padding:0 1rem}.resume-header{flex-direction:column;gap:1rem;align-items:flex-start}.resume-header h1{font-size:2rem}.download-resume-btn{width:100%;justify-content:center}.resume-viewer{height:calc(100vh - 300px);min-height:500px}}.resume-actions{display:flex;align-items:center;gap:15px}.hire-me-btn{background:linear-gradient(135deg,#ff5252,#ff1744);color:#fff;border:none;padding:14px 35px;border-radius:50px;font-size:1.1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s ease;box-shadow:0 4px 20px #ff525266;font-family:Poppins,sans-serif}.hire-me-btn:hover{transform:translateY(-3px);box-shadow:0 6px 25px #ff525299}.download-icon-btn{background:#ffffff1a;border:2px solid rgba(255,255,255,.2);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;cursor:pointer;transition:all .3s ease;flex-shrink:0}.download-icon-btn:hover{background:#ffffff26;border-color:#fff6;transform:scale(1.1)}@media (max-width: 768px){.resume-actions{width:100%}.hire-me-btn{flex:1;justify-content:center}}.resume-highlight{background:linear-gradient(135deg,#ff5252,#ff1744)!important;color:#fff!important;padding:8px 20px!important;border-radius:25px!important;font-weight:700!important;box-shadow:0 4px 15px #ff525266;transition:all .3s ease!important;display:inline-flex;align-items:center;gap:6px}.resume-highlight:hover{transform:translateY(-2px)!important;box-shadow:0 6px 20px #ff525299!important;background:linear-gradient(135deg,#ff1744,#d50000)!important}@keyframes pulse-glow{0%,to{box-shadow:0 4px 15px #ff525266}50%{box-shadow:0 4px 25px #ff5252cc}}.resume-highlight{animation:pulse-glow 2s ease-in-out infinite}@keyframes click-me-bounce{0%,to{transform:translateY(0)}10%,30%{transform:translateY(-4px)}20%{transform:translateY(-2px)}40%{transform:translateY(0)}}.resume-highlight{animation:pulse-glow 2s ease-in-out infinite,click-me-bounce 3s ease-in-out infinite}.resume-highlight:active{transform:scale(.95)!important}@keyframes setup-pulse{0%,to{box-shadow:0 4px 15px #ff525266;transform:scale(1)}50%{box-shadow:0 4px 25px #ff5252cc,0 0 30px #ff525266;transform:scale(1.05)}}.resume-highlight{background:linear-gradient(90deg,#ff5252,#ff1744,#fff,#ff1744,#ff5252)!important;background-size:200% 100%!important;animation:setup-shimmer 3s linear infinite,setup-pulse 2s ease-in-out infinite!important;position:relative;overflow:hidden}.resume-highlight:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#ff5252,#ff1744,#ff5252);border-radius:25px;z-index:-1;opacity:.5;filter:blur(10px);animation:setup-pulse 2s ease-in-out infinite}.resume-highlight:active{transform:scale(.95)!important;animation:none!important;background:linear-gradient(135deg,#d50000,#b71c1c)!important}.resume-highlight:hover{transform:translateY(-2px) scale(1.05)!important;box-shadow:0 6px 30px #ff5252cc!important}.resume-highlight{background:linear-gradient(90deg,#ffffff26,#ffffff40,#ffffff59,#ffffff40,#ffffff26)!important;background-size:200% 100%!important;color:#fff!important;padding:8px 20px!important;border-radius:25px!important;font-weight:700!important;border:2px solid rgba(255,255,255,.3)!important;box-shadow:0 4px 15px #fff3;transition:all .3s ease!important;display:inline-flex;align-items:center;gap:6px;position:relative;overflow:hidden;animation:setup-shimmer 3s linear infinite,setup-pulse-white 2s ease-in-out infinite!important}@keyframes setup-shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes setup-pulse-white{0%,to{box-shadow:0 4px 15px #fff3;transform:scale(1)}50%{box-shadow:0 4px 25px #fff6,0 0 30px #fff3;transform:scale(1.05)}}.resume-highlight:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#ffffff4d,#ffffff80,#ffffff4d);border-radius:25px;z-index:-1;opacity:.5;filter:blur(10px);animation:setup-pulse-white 2s ease-in-out infinite}.resume-highlight:hover{transform:translateY(-2px) scale(1.05)!important;box-shadow:0 6px 30px #ffffff80!important;background:#ffffff4d!important;border-color:#ffffff80!important}.resume-highlight:active{transform:scale(.95)!important;animation:none!important;background:#fff3!important}.resume-highlight:after{content:"→";position:absolute;right:-30px;top:50%;transform:translateY(-50%);font-size:1.5rem;color:#fffc;animation:arrow-bounce 1.5s ease-in-out infinite;z-index:1}@keyframes arrow-bounce{0%,to{transform:translateY(-50%) translate(0);opacity:.8}50%{transform:translateY(-50%) translate(5px);opacity:1}}.resume-highlight:hover:after{color:#fff;animation:arrow-bounce .8s ease-in-out infinite}.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:10px;z-index:1001;position:fixed;right:20px;top:20px}.hamburger span{width:28px;height:3px;background:#fff;border-radius:3px;transition:all .3s ease}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.menu-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:999}@media (max-width: 768px){.hamburger{display:flex}.menu-overlay{display:block}.header-main ul{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:linear-gradient(135deg,#141414fa,#1e1e1efa);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:80px 30px 30px;gap:0;transition:right .4s cubic-bezier(.68,-.55,.265,1.55);z-index:1000;box-shadow:-5px 0 20px #00000080;border-left:1px solid rgba(255,255,255,.1)}.header-main ul.active{right:0}.header-main ul li{width:100%;margin:0;padding:0;border-bottom:1px solid rgba(255,255,255,.1)}.header-main ul li a{display:block;width:100%;padding:18px 15px;font-size:1.1rem;transition:all .3s ease}.header-main ul li a:hover{background:#ffffff0d;padding-left:25px}.header-main ul li a.resume-highlight{margin:15px 0;border-radius:12px;border:2px solid rgba(255,255,255,.3);text-align:center;animation:none}.header-main ul li a.resume-highlight:after{display:none}.header-main ul li a.resume-highlight:before{display:none}}@media (max-width: 1024px) and (min-width: 769px){.header-main ul{gap:15px}.header-main ul li a{font-size:.9rem;padding:8px 15px}.resume-highlight{padding:8px 18px!important;font-size:.9rem!important}}.leetcode-section{padding:6rem 20px;width:100%;max-width:1200px;margin:0 auto}.section-header-centered{text-align:center;margin-bottom:4rem}.section-header-centered .section-title{font-size:clamp(2.5rem,5vw,3.5rem);margin-bottom:1rem;font-family:Dancing Script,cursive}.section-header-centered .section-subtitle{color:#aaa;font-size:1.1rem;max-width:600px;margin:0 auto}.leetcode-consistency-section{width:100%;display:flex;justify-content:center}.leetcode-card.glass-effect{width:100%;max-width:1000px;padding:3rem;position:relative;overflow:hidden;border-radius:24px;background:#ffffff08}.leetcode-card.glass-effect:hover{background:#ffffff0f;transform:translateY(-8px);box-shadow:0 20px 50px #ff52521a}.leetcode-card-bg{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 2px 2px,rgba(255,255,255,.05) 1px,transparent 0);background-size:24px 24px;z-index:0;pointer-events:none}.leetcode-content{position:relative;z-index:2}.leetcode-header{margin-bottom:2.5rem}.leetcode-header h2{font-size:2.2rem;margin-bottom:.8rem;color:#fff;font-family:Dancing Script,cursive}.leetcode-description{color:#aaa;font-size:1.1rem;line-height:1.6;max-width:600px}.leetcode-heatmap-container{width:100%;margin:2rem 0;border-radius:16px;overflow:hidden;background:#0006;border:1px solid rgba(255,255,255,.05);box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;transition:all .3s ease}.leetcode-heatmap-container:hover{border-color:#ff52524d;box-shadow:0 15px 40px #ff52521a;transform:translateY(-2px)}.browser-top-bar{display:flex;align-items:center;background:#ffffff0d;padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.1);gap:1.5rem}.browser-dots{display:flex;gap:6px}.browser-dots span{width:8px;height:8px;border-radius:50%}.browser-dots span:nth-child(1){background:#ff5f56}.browser-dots span:nth-child(2){background:#ffbd2e}.browser-dots span:nth-child(3){background:#27c93f}.browser-address{background:#0000004d;padding:4px 12px;border-radius:6px;font-size:.75rem;color:#888;flex:1;max-width:300px;text-align:center;border:1px solid rgba(255,255,255,.05)}.heatmap-wrapper{padding:1.5rem;overflow-x:auto;display:flex;justify-content:center}.leetcode-heatmap-img{min-width:600px;width:100%;height:auto;display:block;filter:drop-shadow(0 10px 20px rgba(0,0,0,.5))}@media (max-width: 768px){.leetcode-heatmap-img{min-width:500px}.browser-address{display:none}}.leetcode-footer{display:flex;justify-content:flex-start;gap:1.5rem;margin-top:2.5rem;flex-wrap:wrap;width:100%}.leetcode-btn{display:flex;align-items:center;gap:.8rem;color:#fff;text-decoration:none;font-size:.95rem;font-weight:500;padding:.7rem 1.6rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.leetcode-btn:hover{background:#ff52521a;border-color:#ff525266;transform:translateY(-3px);box-shadow:0 10px 20px #ff52521a;color:#fff}.leetcode-btn svg{font-size:1.2rem;color:#ff5252;transition:transform .3s ease}.leetcode-btn:hover svg{transform:scale(1.1)}.github-section{padding:0 20px 8rem;width:100%;max-width:1200px;margin:0 auto}.github-main-card{padding:3rem;border-radius:24px;display:flex;flex-direction:column;gap:2.5rem;position:relative;overflow:hidden}.github-stats-row{display:flex;justify-content:space-around;align-items:center;gap:30px;flex-wrap:wrap}.github-stats-img,.github-langs-img{height:180px;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,0,0,.3));transition:transform .3s ease}.github-stats-img:hover,.github-langs-img:hover{transform:scale(1.05)}.github-graph-container{width:100%;background:#0006;border:1px solid rgba(255,255,255,.05);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.github-activity-img{width:100%;height:auto;padding:1rem;filter:drop-shadow(0 5px 15px rgba(0,0,0,.2));min-width:800px}.graph-wrapper{width:100%;overflow-x:auto}.github-footer{display:flex;justify-content:center;margin-top:1rem}@media (max-width: 768px){.leetcode-section,.github-section{padding:4rem 15px}.leetcode-card.glass-effect,.github-main-card{padding:1.5rem}.leetcode-header h2,.section-header-centered .section-title{font-size:2rem}.leetcode-heatmap-img{min-width:450px}.github-activity-img{min-width:500px}.browser-address{display:none}.leetcode-footer,.github-footer{justify-content:center;gap:1rem}.leetcode-btn{width:100%;justify-content:center;padding:.8rem 1rem}.browser-top-bar{padding:8px 12px;gap:1rem}}@media (max-width: 480px){.leetcode-heatmap-img{min-width:400px}.github-activity-img{min-width:450px}.section-header-centered .section-title{font-size:1.8rem}}.heatmap-wrapper::-webkit-scrollbar,.graph-wrapper::-webkit-scrollbar{height:6px}.heatmap-wrapper::-webkit-scrollbar-track,.graph-wrapper::-webkit-scrollbar-track{background:#ffffff05}.heatmap-wrapper::-webkit-scrollbar-thumb,.graph-wrapper::-webkit-scrollbar-thumb{background:#ff52524d;border-radius:10px}