.main-container{display:grid;grid-template-columns:350px 1fr;gap:50px;padding-top:40px;margin:auto auto 10px;max-width:1200px}.profile h2:hover{font-size:1.2rem;font-weight:700;margin-top:20px;color:#be9e3d}.downloadresume a:hover{color:#be9e3d}.github{color:#d6a71a;margin-top:20px}.github:hover{color:#be9e3d}.profile p:hover{background-color:#1e1e1e;padding:5px 15px;font-size:.8rem;color:#be9e3d;border:1px solid #3a3a3a;border-radius:8px;display:inline-block;margin-top:10px}.cv{color:#d6a71a;text-decoration:none;position:relative;border:1px solid #3a3a3a;top:8px;border-radius:8px;font-size:.8rem;outline:none;background-color:#1e1e1e;padding:10px}.contactme{padding-bottom:5px}.content{text-align:justify;font-size:14px}.key,.june{color:#e0e0e0}.goodfrontend,.firstidea{font-weight:700}.whywork{color:#e0e0e0;font-size:1.2rem;margin-top:15px}.points{color:#e0e0e0}.headingportfolio{font-size:1.2rem;margin-bottom:15px;color:#e0e0e0;padding-top:20px}.projects-link{display:block;color:#ffbf00;margin-top:6px}.card{padding:20px;display:flex;flex-wrap:wrap;gap:8px}.card a{text-decoration:none}.card h3{color:#e0e0e0;margin-bottom:10px;font-size:40px}.card p{font-size:18px;text-align:start;line-height:1.6;color:#a0a0a0;margin-bottom:20px}.card span{background-color:#ffbf001a;color:#ffbf00;padding:4px 8px;border-radius:5px;font-size:1rem;white-space:nowrap}@media screen and (max-width:1200px){.main-container{grid-template-columns:1fr;padding:20px}.sidebar{position:static;height:auto}.social{padding-bottom:20px}}@media screen and (min-width:300px)and (max-width:724px){.content{text-align:center;font-size:15px}.sidebar{margin:5px}.project-container{display:grid;grid-template-columns:1fr;gap:25px;margin-top:30px}.main-content{padding:10px}.social{margin-right:35px}}@media screen and (max-width:725px){.content{text-align:center;font-size:15px}.sidebar{margin:5px}.project-container{display:grid;grid-template-columns:1fr;gap:25px;margin-top:30px}.main-content{padding:10px}}.intro{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,rgba(214,167,26,.09),transparent 40%),#050505;color:#fff;overflow:hidden}.introContent{position:relative;z-index:5;width:92%;max-width:1100px;text-align:center}.welcome{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:24px;color:#999;font-size:14px;letter-spacing:2.5px;text-transform:uppercase}.welcomeLine{width:35px;height:1px;background:#d6a71a80}.introName{margin:0;width:100%;font-size:clamp(36px,7vw,82px);font-weight:700;line-height:1.15;letter-spacing:-2px;white-space:nowrap;background:linear-gradient(100deg,#fff 20%,#fff3bd 40%,#d6a71a,#fff 70%,#d6a71a 90%);background-size:250% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:goldShine 3s linear infinite}@keyframes goldShine{0%{background-position:200% center}to{background-position:-200% center}}.animatedLine{width:240px;height:1px;margin:28px auto 22px;background:#d6a71a1f;overflow:hidden}.animatedLine div{height:100%;background:linear-gradient(90deg,transparent,#d6a71a,#fff2a8,#d6a71a,transparent);box-shadow:0 0 12px #d6a71acc}.role{margin:0;font-size:clamp(20px,3vw,30px);font-weight:500;letter-spacing:4px;text-transform:uppercase;color:#d6a71a}.status{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:28px;color:#666;font-size:11px;letter-spacing:1px}.statusDot{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#d6a71a;box-shadow:0 0 8px #d6a71a,0 0 15px #d6a71ab3;animation:pulseGold 1.2s infinite}@keyframes pulseGold{0%{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}to{opacity:.3;transform:scale(.8)}}.glow{position:absolute;width:400px;height:400px;border-radius:50%;filter:blur(110px);pointer-events:none}.glowOne{top:-180px;left:-150px;background:#d6a71a14;animation:glowMove 6s ease-in-out infinite}.glowTwo{right:-150px;bottom:-180px;background:#d6a71a0f;animation:glowMove 8s ease-in-out infinite reverse}@keyframes glowMove{0%{transform:translate(0)}50%{transform:translate(50px,-30px)}to{transform:translate(0)}}.particles{position:absolute;inset:0;pointer-events:none}.particle{position:absolute;width:2px;height:2px;border-radius:50%;background:#d6a71a;box-shadow:0 0 6px #d6a71a}.circle{position:absolute;left:50%;top:50%;border-radius:50%;pointer-events:none;border:1px solid rgba(214,167,26,.06)}.circleOne{width:620px;height:620px;margin-left:-310px;margin-top:-310px;border-top-color:#d6a71a47}.circleTwo{width:800px;height:800px;margin-left:-400px;margin-top:-400px;border-right-color:#d6a71a2e}.progressContainer{position:absolute;left:0;bottom:0;width:100%;height:2px;background:#d6a71a14}.buildingfast{font-size:22px;color:#d6a71a}.progress{height:100%;background:linear-gradient(90deg,transparent,#d6a71a,#fff0a3,#d6a71a,transparent);box-shadow:0 0 12px #d6a71acc}.cornerText{position:absolute;color:#d6a71a66;font-size:9px;letter-spacing:2px;z-index:10}.topLeft{top:28px;left:30px}.topRight{top:28px;right:30px}.bottomLeft{bottom:28px;left:30px}.bottomRight{bottom:28px;right:30px}@media(max-width:768px){.introName{font-size:clamp(30px,7vw,55px);letter-spacing:-1.5px}.welcome{font-size:11px;letter-spacing:1.8px}.role{font-size:18px;letter-spacing:3px}.animatedLine{width:190px}.circleOne{width:450px;height:450px;margin-left:-225px;margin-top:-225px}.circleTwo{width:600px;height:600px;margin-left:-300px;margin-top:-300px}}@media(max-width:500px){.introContent{width:95%}.welcome{gap:8px;font-size:9px;letter-spacing:1.3px;white-space:nowrap}.welcomeLine{width:18px}.introName{font-size:clamp(27px,8vw,40px);letter-spacing:-1.2px;white-space:nowrap}.role{font-size:16px;letter-spacing:2.5px}.status{font-size:9px}.animatedLine{width:160px;margin-top:22px;margin-bottom:18px}.cornerText{font-size:7px}.topLeft,.bottomLeft{left:15px}.topRight,.bottomRight{right:15px}.circleOne{width:350px;height:350px;margin-left:-175px;margin-top:-175px}.circleTwo{width:480px;height:480px;margin-left:-240px;margin-top:-240px}}*{padding:0;margin:0;box-sizing:border-box;scroll-behavior:smooth}body{background-color:#1e1e1e;color:#a0a0a0;line-height:1.6;font-family:sans-serif}.main-container{display:grid;grid-template-columns:350px 1fr;gap:50px;padding-top:40px;margin:auto;max-width:1200px}.sidebar{height:90vh;background-color:#2a2a2a;border-radius:16px;position:sticky;top:40px}.profile{text-align:center;margin-top:30px}.profileimg{width:150px;height:130px;border-radius:50%}.profile h2{font-size:1.2rem;font-weight:700;margin-top:20px;color:#e0e0e0}.main-content{border:1px solid #3a3a3a;background-color:#2a2a2a;border-radius:16px;padding:40px}.profile p{background-color:#1e1e1e;padding:5px 15px;font-size:.8rem;color:#d6a71a;border:1px solid #3a3a3a;border-radius:8px;display:inline-block;margin-top:10px}.contact{margin-top:30px;border-top:2px solid #3a3a3a;padding-top:20px;padding-left:40px}.label{font-weight:500;font-size:.8rem}.value{color:#e0e0e0;text-decoration:none}.email,.phone{margin-bottom:15px}.contact a{color:#fff}.social{margin-top:30px;border-top:2px solid #3a3a3a;padding-top:20px;padding-left:40px;text-align:center}.social img{width:24px;height:24px;margin-left:5px;filter:grayscale(1) invert(.7);transition:filter .3 ease}.social img:hover{filter:grayscale(0) invert(0)}#navigation{margin-bottom:10px;padding-bottom:15px;border-bottom:2px solid #3a3a3a}nav{display:flex;justify-content:flex-end;gap:20px}nav a{text-decoration:none;color:#a0a0a0;font-weight:500;transition:color .3 ease}.active,nav a:hover{color:#ffbf00}.headingabout{font-size:1.5rem;margin-bottom:15px;color:#e0e0e0}.line{width:60px;height:5px;margin-bottom:15px;background-color:#ffbf00}.content{text-align:justify;font-size:16.5px}#about{margin-bottom:30px}.headingabout{font-size:18px}.grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px}.headingskills{font-size:1.2rem;margin-bottom:15px;color:#e0e0e0}.item{padding:15px;background-color:#1e1e1e;border-radius:10px;border:2px solid #3a3a3a;text-align:center;margin-top:20px}.item img{width:25px;height:25px;filter:invert(75%) sepia(50%) saturate(1000%) hue-rotate(350deg) brightness(110%) contrast(110%);margin-bottom:15px}.item h3{font-size:.9rem;font-weight:300}.item:hover{transform:scale(1.1);box-shadow:0 0 10px 10px #0000004d}.headingeducation{font-size:1.2rem;margin-bottom:15px;color:#e0e0e0;margin-top:30px}.edtech{position:relative;margin-top:20px}.year{font-size:.9rem;color:#a0a0a0;margin-bottom:5px}.degree{color:#e0e0e0;font-size:1rem;font-weight:500;margin-bottom:5px}.college{font-style:italic;color:#a0a0a0;margin-bottom:10px}.work{color:#a0a0a0;font-size:15px}.edfirst{margin-bottom:30px;position:relative;padding-left:25px}.edsecond{position:relative;margin-bottom:30px;padding-left:25px}.goal{width:15px;height:15px;border-radius:50%;border:3px solid #ffbf00;position:absolute;top:5px;left:0;z-index:5}.liner{position:absolute;width:1px;border:2px solid #3a3a3a;top:5px;bottom:0;left:5px}.headingportfolio{font-size:1.2rem;margin-bottom:15px;color:#e0e0e0}.project-container{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:30px}.project img{width:100%;height:180px;object-fit:cover}.project{background-color:#1e1e1e;border:1px solid #3a3a3a;border-radius:12px;overflow:hidden;transition:transform .5s ease,box-shadow .5s ease}.project:hover{transform:translateY(-5px);box-shadow:0 0 10px 10px #0000004d}.card{padding:20px}.ecom{width:100%;height:180px;object-fit:cover}.card h3{color:#e0e0e0;margin-bottom:10px;font-size:19px}.card p{font-size:15px;text-align:start;line-height:1.5;color:#a0a0a0;margin-bottom:20px}.card span{background-color:#ffbf001a;color:#ffbf00;padding:4px 8px;border-radius:5px;font-size:.75rem;margin-right:5px}.tokbackup{width:100%;height:180px;object-fit:contain}.scroll-btn{position:fixed;bottom:30px;right:30px;width:45px;height:45px;background:#3b3b3b;color:#fff;border:none;border-radius:50%;font-size:20px;cursor:pointer;opacity:0;visibility:hidden;transition:all .3s ease;z-index:999}.scroll-btn.show{opacity:1;visibility:visible}.scroll-btn:hover{background:#616161;transform:translateY(-3px)}@media screen and (max-width:1200px){.main-container{grid-template-columns:1fr;padding:20px}.sidebar{position:static;height:auto}}@media screen and (max-width:725px){.sidebar{margin:5px}.project-container{display:grid;grid-template-columns:1fr;gap:25px;margin-top:30px}.main-content{padding:10px}}