@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Montserrat:wght@300;400;600&family=Poppins:wght@400;700&display=swap";*{padding:0%;margin:0%;box-sizing:border-box;font-family:Gacor Personal Use Only,sans-serif;cursor:none;-webkit-user-select:none;user-select:none;transition:all .3s ease}@media screen and (max-width: 768px){body{overflow-x:hidden}}html{scroll-behavior:smooth}.home{height:100vh;width:100%;padding-top:60px;overflow:hidden;background-color:#000;background:linear-gradient(45deg,#000,#1a1a1a,#000);background-size:400% 400%;animation:gradientBG 15s ease infinite;color:#f0f8ff;position:relative}.home:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,transparent 20%,rgba(0,0,0,.7) 80%);pointer-events:none}.nav{display:flex;align-items:center;justify-content:space-around;padding-top:20px;margin-top:20px;position:fixed;top:0;left:58px;width:100%;padding:1rem 4%;background-color:#3b3741b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:50px;max-width:1400px;filter:drop-shadow(10px);z-index:100;transition:all .5s ease;animation:navFadeIn 1s ease forwards;letter-spacing:1.5px}@keyframes navFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.nav.scrolled{padding:.5rem 9%;background-color:#000000e6;box-shadow:0 5px 20px #00000080}span{color:#ff0;position:relative;display:inline-block}.nav ul{margin-left:32%}.nav ul li{list-style-type:none;display:inline-block;padding:10px 20px;position:relative;animation:fadeInDown 1s forwards;opacity:0}.nav ul li:nth-child(1){animation-delay:.2s}.nav ul li:nth-child(2){animation-delay:.4s}.nav ul li:nth-child(3){animation-delay:.6s}.nav ul li:nth-child(4){animation-delay:.8s}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.nav a{display:inline-block;color:#fff;font-size:16px;font-weight:500;text-transform:capitalize;text-decoration:none;padding:10px 20px;transition:all .42s;position:relative}.nav a:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background-color:#ff0;transition:all .3s ease;transform:translate(-50%)}.nav a:hover:after{width:70%}.nav a:hover{transform:translateY(-5px) scale(1.1);color:#ff0;text-shadow:0 0 10px rgba(255,255,0,.5)}button{display:flex;align-items:center;justify-content:center;border:none;background-color:#fff;padding:0;border-radius:50%;transition:all .42s;box-shadow:0 0 10px #ffffff80;position:relative;overflow:hidden;width:40px;height:40px;min-width:40px;flex-shrink:0}button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:all .5s}button:hover:before{left:100%}button:hover{transform:translateY(-5px) scale(1.1);background-color:#ff0;cursor:pointer;box-shadow:0 0 20px #ff0c}.resume-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s cubic-bezier(.4,0,.2,1)}.resume-modal{background:linear-gradient(135deg,#111,#1e1e1e);border-radius:16px;width:85%;max-width:950px;max-height:90vh;box-shadow:0 10px 40px #0009,0 0 80px #4c1d9526;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .5s cubic-bezier(.34,1.56,.64,1);border:1px solid rgba(255,255,255,.08);position:relative}.resume-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,#fff0,#fff3,#fff0)}.resume-modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 28px;border-bottom:1px solid rgba(255,255,255,.08);background:#0003}.resume-modal-header h2{margin:0;font-family:poppins,sans-serif;font-size:1.6rem;color:#fff;font-weight:600;letter-spacing:1px;position:relative;padding-left:15px}.resume-modal-header h2:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:22px;background:linear-gradient(to bottom,#8a2be2,#4a00e0);border-radius:4px}.close-button{background:#ffffff0d;border:none;color:#999;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s}.close-button:hover{background:#ffffff26;color:#fff;transform:rotate(90deg)}.resume-content{flex:1;overflow-y:auto;padding:28px;display:flex;justify-content:center;align-items:flex-start;background:#0000001a}.resume-content::-webkit-scrollbar{width:8px}.resume-content::-webkit-scrollbar-track{background:#0000001a}.resume-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:8px}.resume-content::-webkit-scrollbar-thumb:hover{background:#fff3}.resume-image{max-width:100%;height:auto;border-radius:12px;box-shadow:0 5px 25px #0006;animation:zoomIn .6s cubic-bezier(.19,1,.22,1);transition:transform .3s ease;border:1px solid rgba(255,255,255,.05)}.resume-image:hover{transform:scale(1.01)}.resume-actions{padding:20px 28px;display:flex;justify-content:center;background:#0003;border-top:1px solid rgba(255,255,255,.08)}.download-button{display:flex;align-items:center;justify-content:center;font-family:poppins,sans-serif;background:linear-gradient(45deg,#8a2be2,#4a00e0);color:#fff;border:none;letter-spacing:1px;padding:14px 10%;border-radius:10px;font-weight:400;white-space:nowrap;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #8a2be266;position:relative;overflow:hidden}.download-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.download-button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #8a2be299}.download-button:hover:before{left:100%}.download-button:active{transform:translateY(0);box-shadow:0 4px 8px #8a2be24d}@media (max-width: 768px){.resume-modal{width:95%;max-height:85vh}.resume-modal-header h2{font-size:1.4rem}.resume-content{padding:20px}.download-button{padding:12px 24px;font-size:.9rem}}@media (max-width: 480px){.resume-modal-header{padding:14px 18px}.resume-modal-header h2{font-size:1.2rem}.resume-content,.resume-actions{padding:15px}.download-button{padding:10px 20px;font-size:.85rem}}@keyframes slideUp{0%{transform:translateY(60px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes zoomIn{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.resume-modal{transform-style:preserve-3d;perspective:1000px}@keyframes shimmer{0%{background-position:-100% 0}to{background-position:200% 0}}.resume-image:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);background-size:200% 100%;animation:shimmer 3s infinite;pointer-events:none}section{min-height:100vh;padding:5rem 9%}.lineStyle{width:8vw;height:5px;background-color:#ff0;border-radius:20px;margin-top:-20px;position:relative;left:28.5%;animation:lineExpand 1s ease forwards}@keyframes lineExpand{0%{width:0;opacity:0}to{width:8vw;opacity:1}}.home1{display:flex;justify-content:center;align-items:center;gap:8rem;background-color:#000;background:linear-gradient(45deg,#000,#1a1a1a,#000);background-size:400% 400%;animation:gradientBG 15s ease infinite}.home-content{animation:fadeIn 1s ease forwards;opacity:0}.home-content h1{font-size:2rem;letter-spacing:2px;font-weight:700;line-height:1.3;animation:textReveal 1s ease forwards;position:relative}@keyframes textReveal{0%{transform:translateY(100%)}to{transform:translateY(0)}}.home-content .name,span{margin-top:20px;font-family:Poppins,sans-serif}.name{position:relative;top:20px;animation:nameGlow 3s ease-in-out infinite}@keyframes nameGlow{0%,to{text-shadow:0 0 5px rgba(255,255,255,.5)}50%{text-shadow:0 0 20px rgba(255,255,0,.8)}}.decrypt-animation{font-family:Poppins,sans-serif;position:relative;top:20px;animation:nameGlow 3s ease-in-out infinite}.decrypt-animation span{display:inline-block;position:relative;background:linear-gradient(90deg,#ffdf2d,#ffd504,#ffb700,#f90,#fd0);background-size:200% auto;background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:0 0 10px rgba(255,255,0,.5);letter-spacing:2px;animation:gradientFlow 3s linear infinite}@keyframes gradientFlow{0%{background-position:0% center}to{background-position:200% center}}.role-text{position:relative;top:5px;font-size:1rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;animation:fadeIn 1.5s ease forwards;opacity:0;animation-delay:.5s}.rotating-text{display:inline-block;font-weight:600;position:relative;animation:pulseText 3s infinite;background:linear-gradient(90deg,red,#ff51a2,#0091ff,#ff0aff,#00f,red);background-size:300% 100%;animation:gradientMove 6s linear infinite;-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}.rotating-text:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:linear-gradient(90deg,red,#ff51a2,#0091ff,#ff0aff,#00f,red);background-size:300% 100%;animation:lineWidth 3s infinite,gradientMove 6s linear infinite}@keyframes pulseText{0%,to{opacity:.9}50%{opacity:1}}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes lineWidth{0%,to{width:0;left:50%;transform:translate(-50%)}50%{width:100%;left:0;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.home-img{border-radius:50%;animation:imgFloat 4s ease-in-out infinite}@keyframes imgFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.home-img img{position:relative;width:32vw;border-radius:50%;border:8px solid aliceblue;box-shadow:0 0 30px #ffffff4d;cursor:pointer;transition:.4s ease;animation:imgReveal 1.5s ease forwards;opacity:0}@keyframes imgReveal{0%{opacity:0;transform:scale(.8) rotate(-10deg)}to{opacity:1;transform:scale(1) rotate(0)}}.home-img img:hover{transform:scale(1.05);border-color:#ff0;box-shadow:0 0 50px #ffff00b8}.nav{display:flex;align-items:center;justify-content:space-between;position:fixed;top:30px;left:50%;transform:translate(-50%);width:90%;max-width:1400px;padding:1rem 2.5rem;background:#0f0f14cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:60px;box-shadow:0 10px 30px #0000004d,inset 0 1px 1px #ffffff1a;z-index:100;border:1px solid rgba(255,255,255,.1);letter-spacing:1.5px;transition:all .4s cubic-bezier(.16,1,.3,1)}.nav.show{opacity:1;transform:translate(-50%) translateY(0)}.nav.hide{opacity:0;transform:translate(-50%) translateY(-100px);pointer-events:none}@keyframes navShowAnimation{0%{transform:translate(-50%) translateY(-100px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes navHideAnimation{0%{transform:translate(-50%) translateY(0);opacity:1}to{transform:translate(-50%) translateY(-100px);opacity:0}}.nav.show{animation:navShowAnimation .5s ease forwards}.nav.hide{animation:navHideAnimation .5s ease forwards}@keyframes navPulse{0%{transform:translate(-50%) translateY(-20px);box-shadow:0 10px 30px #0000004d}50%{transform:translate(-50%) translateY(0);box-shadow:0 15px 40px #ff03}to{transform:translate(-50%) translateY(0);box-shadow:0 10px 30px #0000004d}}.logo-container{position:relative;display:flex;align-items:center;justify-content:center}.logo{color:#fff;font-size:32px;font-weight:700;position:relative;z-index:2;transition:all .4s ease;text-shadow:0 0 15px rgba(255,255,255,.3)}.logo-highlight{color:#ff0;animation:pulseColor 3s infinite}.logo-glow{position:absolute;width:50px;height:50px;background:radial-gradient(circle,#ff06,#ff00 70%);border-radius:50%;filter:blur(8px);animation:glowPulse 3s infinite}@keyframes glowPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.3)}}@keyframes pulseColor{0%,to{color:#ff0;text-shadow:0 0 10px rgba(255,255,0,.5)}50%{color:#fff700;text-shadow:0 0 20px rgba(255,255,0,.8)}}.nav-links{display:flex;gap:1rem;margin:0;padding:0}.nav-links li{list-style-type:none;position:relative;opacity:0;animation:fadeInSlideUp .8s forwards}.nav-links li:nth-child(1){animation-delay:.1s}.nav-links li:nth-child(2){animation-delay:.2s}.nav-links li:nth-child(3){animation-delay:.3s}.nav-links li:nth-child(4){animation-delay:.4s}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.nav-links a{display:inline-block;color:#fff;font-size:16px;font-weight:500;text-decoration:none;padding:10px 20px;position:relative;transition:all .4s cubic-bezier(.16,1,.3,1);overflow:hidden}.nav-links a:before{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(90deg,#ff00,#ff0,#ff00);transition:all .4s cubic-bezier(.16,1,.3,1);transform:translate(-50%)}.nav-links li.active a{color:#ff0;transform:translateY(-3px)}.nav-links li.active a:before{width:80%}.nav-links a:hover{color:#ff0;transform:translateY(-5px);text-shadow:0 0 15px rgba(255,255,0,.7)}.nav-links a:hover:before{width:80%}.link-highlight{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:0;background:#ff03;border-radius:50%;transition:all .5s cubic-bezier(.16,1,.3,1)}.nav-links a:hover .link-highlight{width:100%;height:100px;opacity:0;transform:translate(-50%) translateY(50px)}:root{--nav-height: 60px;--container-padding: 9%;--header-font-size: 2rem;--logo-font-size: 32px;--nav-padding: 1rem 2.5rem;--image-width: 32vw;--gap-size: 8rem}@media (min-width: 1600px){:root{--container-padding: 12%;--header-font-size: 2.5rem;--logo-font-size: 36px;--nav-padding: 1.2rem 3rem;--gap-size: 10rem}.home-img img{width:28vw;max-width:500px}.nav{max-width:1600px}.lineStyle{width:6vw;left:32%}}@media (min-width: 1200px) and (max-width: 1599px){:root{--container-padding: 9%;--header-font-size: 2.2rem;--gap-size: 8rem}.home-img img{width:30vw;max-width:450px}.nav{max-width:1400px;padding:var(--nav-padding)}.lineStyle{width:8vw;left:28.5%}}@media (min-width: 992px) and (max-width: 1199px){:root{--container-padding: 7%;--header-font-size: 2rem;--logo-font-size: 28px;--gap-size: 6rem}.home-img img{width:35vw;max-width:400px}.nav{width:95%;max-width:1100px;padding:.8rem 2rem}section{padding:5rem 7%}.lineStyle{width:10vw;left:26%}.nav-links a{padding:8px 16px;font-size:15px}.logo{font-size:var(--logo-font-size)}.home1{gap:var(--gap-size)}}@media (min-width: 768px) and (max-width: 991px){:root{--container-padding: 5%;--header-font-size: 1.8rem;--logo-font-size: 26px;--nav-padding: .8rem 1.5rem;--gap-size: 4rem}.home1{flex-direction:column-reverse;text-align:center;gap:var(--gap-size);padding-top:100px}.home-img img{width:45vw;max-width:350px}.home-content{display:flex;flex-direction:column;align-items:center}.nav{width:92%;max-width:700px;padding:var(--nav-padding);top:30px;border-radius:150px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 5px 15px #00000026}.logo-container{display:flex;align-items:center}.logo{font-size:var(--logo-font-size);font-weight:700}.nav-links{display:flex;gap:.5rem;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:5px}.nav-links::-webkit-scrollbar{display:none}.nav-links a{padding:8px 14px;top:5px;font-size:15px;white-space:nowrap;border-radius:20px;transition:all .3s ease}.nav-links a:hover,.nav-links .active a{transform:translateY(-2px)}section{padding:4rem 5%}.lineStyle{width:15vw;top:25px;left:50%;transform:translate(-50%);margin-top:-15px}.resume-modal{width:90%;max-height:80vh}.resume-modal-header h2{font-size:1.4rem}.resume-content{padding:20px}.download-button{padding:12px 8%;font-size:.95rem}}@media (min-width: 576px) and (max-width: 767px){:root{--container-padding: 4%;--header-font-size: 1.6rem;--logo-font-size: 24px;--nav-padding: .7rem 1.2rem;--gap-size: 3rem}.home1{flex-direction:column-reverse;text-align:center;gap:var(--gap-size);padding-top:160px}.home-img img{width:55vw;max-width:250px;border-width:6px}.home-img{display:flex;justify-content:center}.home-content{display:flex;flex-direction:column;align-items:center}.home-content h1{font-size:var(--header-font-size)}.nav{width:92%;border-radius:150px;padding:var(--nav-padding);top:15px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 12px #0000001a;position:fixed;z-index:100}.nav-toggle{display:block;cursor:pointer;background:none;border:none;width:30px;height:30px;position:relative;z-index:102}.nav-toggle span{display:block;width:20px;height:2px;background-color:#fff;margin:6px auto;transition:all .3s ease}.nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.logo-container{z-index:101}.nav-links{position:fixed;top:0;right:-100%;width:70%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#0a0a0ff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:right .4s ease;z-index:100;gap:1.2rem;padding:0}.nav-links.active{right:0}.nav-links a{padding:10px 20px;font-size:16px;border-radius:25px;transition:all .3s ease;width:140px;text-align:center}.nav-links a:hover,.nav-links .active a{background-color:#ffffff26;transform:scale(1.05)}.logo{font-size:var(--logo-font-size)}section{padding:3rem 4%;min-height:auto}.lineStyle{width:30vw;top:25px;left:50%;transform:translate(-50%);margin-top:-12px;height:4px}.role-text{font-size:.9rem}.resume-modal{width:95%;max-height:85vh}.resume-modal-header h2{font-size:1.2rem}.resume-content,.resume-actions{padding:15px}.download-button{padding:10px 20px;font-size:.9rem;width:80%}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:99;opacity:0;visibility:hidden;transition:all .3s ease}.menu-overlay.active{opacity:1;visibility:visible}}@media (max-width: 575px){:root{--container-padding: 3%;--header-font-size: 1.4rem;--logo-font-size: 22px;--nav-padding: .6rem 1rem;--gap-size: 2rem}.home1{flex-direction:column-reverse;text-align:center;gap:var(--gap-size);padding-top:150px;font-size:small}.home-img img{width:70vw;max-width:220px;border-width:5px}.home-img{padding-top:30px;display:flex;justify-content:center}.home-content{display:flex;flex-direction:column;align-items:center;width:100%}.home-content h1{font-size:var(--header-font-size);text-align:center}.nav{width:90%;border-radius:150px;padding:var(--nav-padding);top:10px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 10px #00000026;position:fixed;z-index:100}.logo-container{z-index:101}.logo{font-size:var(--logo-font-size)}.nav-toggle{display:block;cursor:pointer;background:none;border:none;width:28px;height:28px;position:relative;z-index:102}.nav-toggle span{display:block;width:18px;height:2px;background-color:#fff;margin:5px auto;transition:all .3s ease}.nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.nav-links{position:fixed;top:0;right:-100%;width:80%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#0a0a0ff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:right .4s ease;z-index:100;gap:1rem;padding:0}.nav-links.active{right:0}.nav-links a{padding:8px 20px;font-size:15px;border-radius:20px;transition:all .3s ease;width:130px;text-align:center}.nav-links a:hover,.nav-links .active a{background-color:#ffffff26;transform:scale(1.05)}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:99;opacity:0;visibility:hidden;transition:all .3s ease}.menu-overlay.active{opacity:1;visibility:visible}section{padding:2rem 3%;min-height:auto}.lineStyle{width:40vw;top:25px;left:50%;transform:translate(-50%);margin-top:-10px;height:4px}.role-text{font-size:.8rem;margin-top:5px}.decrypt-animation span{font-size:1.8rem}.name{top:10px}.resume-modal-overlay{align-items:flex-start;padding-top:20px}.resume-modal{width:95%;max-height:90vh;border-radius:12px}.resume-modal-header{padding:12px 15px}.resume-modal-header h2{font-size:1.1rem;padding-left:10px}.resume-modal-header h2:before{width:3px;height:16px}.resume-content,.resume-actions{padding:12px}.download-button{padding:10px 0;font-size:.85rem;width:90%}@keyframes imgFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes lineExpand{0%{width:0;opacity:0}to{width:40vw;opacity:1}}}@media (max-width: 375px){:root{--header-font-size: 1.2rem;--logo-font-size: 20px}.nav{padding:.5rem .8rem}.nav-toggle span{width:16px;height:1.5px;margin:4px auto}.nav-links a{padding:7px 18px;font-size:14px;width:120px}.home-img img{width:100vw;max-width:180px;border-width:4px}.lineStyle{width:40vw;height:4px}.decrypt-animation span{font-size:1.5rem}.resume-modal-header h2{font-size:1rem}.download-button{font-size:.8rem;width:100%}}.education-container{position:relative;background:linear-gradient(45deg,#000,#1a1a1a,#000);background-size:400% 400%;animation:gradientBG 15s ease infinite;color:#fff;padding:15% 40px 40px;text-align:center;font-family:Poppins,sans-serif;overflow-x:hidden}.education-title{position:absolute;top:48%;left:20px;writing-mode:sideways-lr;text-orientation:mixed;transform:translateY(-50%);font-size:1.5rem;font-weight:700;letter-spacing:3px;opacity:0;animation:titleReveal 1.5s ease forwards;z-index:10}.education-line{position:absolute;top:67%;left:33px;width:5px;height:100px;background:#ff0;border-radius:10px;transform-origin:top;transform:translateY(-50%) scaleY(0);animation:eduLineGrow 1.5s ease forwards .5s;z-index:10}.education-content{margin-top:20px;display:flex;flex-direction:column;align-items:center;animation:fadeIn 1s ease forwards}.education-section{display:flex;justify-content:space-between;align-items:center;width:80%;margin:20px 0;opacity:0;transform:translateY(30px);animation:educationReveal 1s ease forwards;transition:transform .3s}.education-section:nth-child(1){animation-delay:.2s}.education-section:nth-child(2){animation-delay:.4s}.education-section:hover{transform:scale(1.03)}.education-left,.education-right{flex:1;max-width:45%;text-align:left;font-size:1rem;letter-spacing:2px;transition:transform .3s}.education-left:hover,.education-right:hover{transform:translateY(-5px)}.degree{position:relative;top:-5px;font-weight:700;font-size:1.2rem}.degree:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:5px;background:#ff0;border-radius:25px;transition:width .3s ease}.degree:hover:after{width:100%}.education-icon{display:flex;align-items:center;justify-content:center;transition:transform .3s}.education-icon:hover{transform:rotate(5deg) scale(1.1)}.coding-img,.school-img{max-width:200px;height:auto;filter:drop-shadow(0 0 10px rgba(255,255,255,.5));animation:imageFloat 4s ease-in-out infinite}.school-img{animation-delay:1s}.education-divider{width:0;height:5px;background:linear-gradient(90deg,transparent,yellow,transparent);border-radius:25px;margin:20px 0;animation:dividerExpand 1.5s ease forwards .5s}@keyframes titleReveal{0%{opacity:0;transform:translate(-30px) translateY(-50%)}to{opacity:1;transform:translate(0) translateY(-50%)}}@keyframes eduLineGrow{0%{transform:translateY(-50%) scaleY(0)}to{transform:translateY(-50%) scaleY(1)}}@keyframes educationReveal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes imageFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes dividerExpand{0%{width:0}to{width:80%}}@media (max-width: 1024px){.education-section{flex-direction:column;text-align:center}.education-left,.education-right{max-width:90%;margin:20px 0}.education-title{top:46%;left:22px;font-size:1.2rem}.education-line{top:62%;left:33px;height:100px}.coding-img,.school-img{max-width:160px}}@media (max-width: 600px){.education-container{display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;margin-top:60px}.education-title{writing-mode:horizontal-tb;font-size:1rem;text-align:center;position:static}.education-line{height:5px;width:80%;max-width:145px;margin:.5rem 0 1.5rem;position:static}.education-left,.education-right{text-align:center;font-size:.6rem;letter-spacing:1px;width:100%;margin:.5rem 0}.coding-img,.school-img{max-width:120px;margin:0 auto;display:block}.coding-img{padding-top:20px}}.footer-container{position:relative;background-color:#000;background:linear-gradient(45deg,#000,#1a1a1a,#000);background-size:400% 400%;animation:gradientBG 15s ease infinite;color:#fff;text-align:center;padding:50px 20px 15%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.footer-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,transparent 30%,rgba(0,0,0,.8) 100%);pointer-events:none}.footer-container h2{font-size:4rem;letter-spacing:2px;font-family:Russo One,sans-serif;font-weight:bolder;margin-bottom:20px;animation:titlePulse 3s ease-in-out infinite;opacity:0;animation:footerTitleReveal 1s ease forwards}@keyframes footerTitleReveal{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes titlePulse{0%,to{text-shadow:0 0 10px rgba(255,255,255,.5)}50%{text-shadow:0 0 30px rgba(255,255,0,.8)}}.footer-icons{display:flex;gap:35px;justify-content:center;margin-top:10px;perspective:1000px}.footer-icons a{font-size:35px;color:#fff;text-decoration:none;transition:all .5s ease;animation:iconFloat 5s ease-in-out infinite;position:relative;opacity:0;animation:iconReveal 1s ease forwards}.footer-icons a:nth-child(1){animation-delay:.1s}.footer-icons a:nth-child(2){animation-delay:.2s}.footer-icons a:nth-child(3){animation-delay:.3s}.footer-icons a:nth-child(4){animation-delay:.4s}@keyframes iconReveal{0%{opacity:0;transform:translateY(20px) rotate(-10deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.footer-icons a:hover{transform:scale(1.2) rotate(10deg);color:#ff0;text-shadow:0 0 20px rgba(255,255,0,.8)}.footer-icons a:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:2px;background-color:#ff0;transform:scaleX(0);transition:transform .3s ease;transform-origin:center}.footer-icons a:hover:after{transform:scaleX(1)}.footer-nav{position:absolute;left:20px;bottom:60px;opacity:0;animation:navFadeIn 1.5s ease forwards;animation-delay:.5s}.footer-nav ul{list-style:none;padding:0}.footer-nav ul li{margin-bottom:10px;letter-spacing:2px;transform:translate(-20px);opacity:0;animation:footerNavReveal 1s ease forwards}.footer-nav ul li:nth-child(1){animation-delay:.6s}.footer-nav ul li:nth-child(2){animation-delay:.8s}.footer-nav ul li:nth-child(3){animation-delay:1s}.footer-nav ul li:nth-child(4){animation-delay:1.2s}@keyframes footerNavReveal{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.footer-nav ul li a{text-decoration:none;color:#a9a9a9;font-size:16px;font-weight:700;position:relative;bottom:20px;display:inline-block;transition:all .3s ease}.footer-nav ul li a:hover{color:#fff;transform:translate(5px)}.footer-nav ul li a:after{content:"";display:block;width:0;height:5px;border-radius:20px;background:#ff0;margin-top:2px;transition:width .3s ease-in-out}.footer-nav ul li a:hover:after{width:100%}.footer-background{position:absolute;bottom:0;left:0;width:100%;height:auto;z-index:-1;animation:backgroundReveal 2s ease forwards;opacity:0}@keyframes backgroundReveal{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.footer-background img{width:100%;height:auto;object-fit:cover;filter:brightness(.7) saturate(1.5);transition:all .5s ease}.footer-background:hover img{filter:brightness(.9) saturate(2)}@keyframes particleFloat{0%{transform:translateY(0) translate(0);opacity:0}50%{opacity:1}to{transform:translateY(-100px) translate(20px);opacity:0}}.particle{position:absolute;width:3px;height:3px;border-radius:50%;background-color:#ff0;pointer-events:none;animation:particleFloat 5s linear infinite}.content{opacity:0;transition:opacity 1s ease-in}.content.visible{opacity:1}@media (max-width: 1024px){.footer-container{height:auto;padding:60px 20px 12%}.footer-container h2{font-size:3rem;margin-bottom:16px}.footer-icons{gap:25px}.footer-icons a{font-size:30px}.footer-nav{left:20px;bottom:40px}.footer-nav ul li{margin-bottom:8px}.footer-nav ul li a{font-size:14px}.footer-background{height:200px}}@media (max-width: 600px){.footer-container{height:auto;padding:120px 15px 15%}.footer-container h2{font-size:2rem;margin-bottom:12px}.footer-icons{gap:15px;flex-wrap:wrap}.footer-icons a{font-size:24px;margin:5px}.footer-nav{position:relative;left:auto;bottom:auto;margin-top:30px}.footer-nav ul{display:flex;flex-wrap:wrap;justify-content:center}.footer-nav ul li{margin:5px 10px;transform:translate(0);opacity:1;animation:none}.footer-nav ul li a{font-size:12px}.footer-background{height:150px}}.custom-cursor{position:fixed;pointer-events:none;transform:rotate(285deg);transition:transform .1s ease-out,scale .3s ease;z-index:9999}.custom-cursor.active{transform:rotate(275deg) scale(1.3)}.main{height:100vh;perspective:1000px}.main .mask,.main .body{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#afa18f;font-size:64px;line-height:66px;cursor:default;transition:all .5s ease}.main .mask p,.main .body p{width:1000px;padding:40px;transition:all .5s ease}.main .mask span,.main .body span{color:#ec4e39;transition:all .3s ease}.main .mask span:hover,.main .body span:hover{color:#ff0;text-shadow:0 0 10px rgba(255,255,0,.8)}.main .mask{-webkit-mask-image:url(../../public/mask.svg);mask-image:url(../../public/mask.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:40px;mask-size:40px;background:#ec4e39;position:absolute;color:#000;transition:all .5s ease}.main:hover .mask{-webkit-mask-size:50px;mask-size:50px}@keyframes cursorGlow{0%,to{filter:drop-shadow(0 0 5px rgba(255,255,0,.5))}50%{filter:drop-shadow(0 0 15px rgba(255,255,0,.8))}}.css-cursor{animation:cursorGlow 2s ease-in-out infinite}*{cursor:none!important}@keyframes cursorAnim{0%{transform:translate(-50%,-50%) scale(1) rotate(-32deg)}50%{transform:translate(-50%,-50%) scale(1.5) rotate(-32deg)}to{transform:translate(-50%,-50%) scale(1) rotate(-32deg)}}.css-cursor.active{animation:cursorAnim .5s forwards}.css-cursor.hover{position:fixed;width:50px;height:50px;border-radius:50%;background-color:#ff0;transform:translate(-50%,-50%);pointer-events:none;z-index:9999;mix-blend-mode:difference;transition:.2s;box-shadow:0 0 20px #ff0c;animation:pulseEffect 2s infinite}@keyframes pulseEffect{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.2)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.scroll-animation{opacity:0;transform:translateY(50px)}.scroll-animation.active{animation:fadeInUp 1s ease forwards}.loader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity 1s ease}.loader.hidden{opacity:0;pointer-events:none}.loader-content{display:flex;flex-direction:column;align-items:center}.loader-spinner{width:100px;height:100px;border:5px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#ff0;animation:spin 1s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-text{margin-top:20px;font-size:24px;color:#fff;letter-spacing:2px;animation:textBlink 1.5s infinite}@keyframes textBlink{0%,to{opacity:1}50%{opacity:.5}}.parallax{transition:transform .2s ease-out}.typing-text{position:relative;display:inline-block}.typing-text:after{content:"|";position:absolute;right:-8px;animation:blink .7s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.floating{animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.glitch{position:relative;color:#fff;font-size:2em;letter-spacing:5px;animation:glitch 1s linear infinite}@keyframes glitch{2%,8%,14%,20%,26%,32%,38%,44%,50%,56%,62%,68%,74%,80%,86%,92%,98%{transform:translate(0);text-shadow:none}0%{transform:translate(-2px,1px);text-shadow:2px 0 yellow,-2px 0 cyan}5%{transform:translate(2px,-1px);text-shadow:-2px 0 yellow,2px 0 cyan}10%{transform:translate(-2px,1px);text-shadow:2px 0 yellow,-2px 0 cyan}15%{transform:translate(2px,-1px);text-shadow:-2px 0 yellow,2px 0 cyan}20%{transform:translate(-2px,1px);text-shadow:2px 0 yellow,-2px 0 cyan}25%{transform:translate(2px,-1px);text-shadow:-2px 0 yellow,2px 0 cyan}}.neon-text{color:#fff;text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #0073e6,0 0 20px #0073e6,0 0 25px #0073e6,0 0 30px #0073e6,0 0 35px #0073e6;animation:neon 1.5s ease-in-out infinite alternate}@keyframes neon{0%{text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #0073e6,0 0 20px #0073e6,0 0 25px #0073e6,0 0 30px #0073e6,0 0 35px #0073e6}to{text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #00ff00,0 0 20px #00ff00,0 0 25px #00ff00,0 0 30px #00ff00,0 0 35px #00ff00}}.tilt{transition:transform .5s ease;transform-style:preserve-3d}.tilt:hover{transform:perspective(500px) rotateX(5deg) rotateY(5deg)}.stagger-item{opacity:0;transform:translateY(20px)}.stagger-item.active{animation:staggerFadeIn .5s ease forwards}.stagger-item:nth-child(1){animation-delay:.1s}.stagger-item:nth-child(2){animation-delay:.2s}.stagger-item:nth-child(3){animation-delay:.3s}.stagger-item:nth-child(4){animation-delay:.4s}.stagger-item:nth-child(5){animation-delay:.5s}@keyframes staggerFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reveal{position:relative;overflow:hidden}.reveal:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ff0;transform:translate(-100%);animation:revealAnim 1.5s ease forwards}.reveal.active:before{animation:revealAnim 1.5s ease forwards}@keyframes revealAnim{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}.bubble{position:absolute;border-radius:50%;background:#ffffff1a;animation:bubbleFloat 15s linear infinite;pointer-events:none}@keyframes bubbleFloat{0%{transform:translateY(100vh) scale(0);opacity:0}50%{opacity:.5}to{transform:translateY(-100vh) scale(1);opacity:0}}@keyframes explosion{0%{transform:scale(0);opacity:0}50%{opacity:1}to{transform:scale(1.5);opacity:0}}.explosion{position:absolute;width:100px;height:100px;background:radial-gradient(circle,#ff0c,#ff00 70%);border-radius:50%;pointer-events:none;animation:explosion .5s ease-out forwards}.scroll-progress{position:fixed;top:0;left:0;height:5px;background:linear-gradient(90deg,#ff0,red);z-index:9999;transition:width .1s ease}.hover-card{position:relative;overflow:hidden;border-radius:15px;transition:all .5s ease}.hover-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(225deg,transparent 40%,rgba(255,255,0,.3));transition:all .5s ease;opacity:0}.hover-card:hover{transform:translateY(-10px);box-shadow:0 20px 30px #0000004d}.hover-card:hover:before{opacity:1}.ripple{position:relative;overflow:hidden}.ripple-effect{position:absolute;border-radius:50%;background:#ffffff4d;transform:scale(0);animation:ripple .8s linear;pointer-events:none}@keyframes ripple{to{transform:scale(2.5);opacity:0}}.bounce{animation:bounce 2s ease infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.shake{animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.flip-card{perspective:1000px;width:300px;height:300px}.flip-card-inner{position:relative;width:100%;height:100%;transition:transform .8s;transform-style:preserve-3d}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:15px;box-shadow:0 10px 20px #0000004d}.flip-card-back{transform:rotateY(180deg)}.gradient-text{background:linear-gradient(45deg,#ff0,red,#00f,#0f0);background-size:300% 300%;animation:gradientText 5s ease infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@keyframes gradientText{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.skew{transition:transform .3s ease}.skew:hover{transform:skew(-5deg,-5deg)}.morph{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;animation:morph 8s ease-in-out infinite}@keyframes morph{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}.typewriter{overflow:hidden;border-right:3px solid yellow;white-space:nowrap;margin:0 auto;animation:typing 3.5s steps(40,end),blink-caret .75s step-end infinite}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:#ff0}}.scroll-trigger{opacity:0;transform:translateY(20px);transition:all .8s ease}.scroll-trigger.visible{opacity:1;transform:translateY(0)}@media (hover: hover){.hover-effect{transition:all .3s ease}.hover-effect:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000004d}}.projects-container{display:flex;background:#000;background:linear-gradient(45deg,#000,#1a1a1a,#000);background-size:400% 400%;animation:gradientBG 15s ease infinite;height:800px;min-height:800px;max-height:800px;box-sizing:border-box;letter-spacing:1.5px}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.sidebar h1{display:flex;flex-direction:column;justify-content:center;align-items:center;writing-mode:sideways-lr;transform:rotate(180deg);text-orientation:mixed;color:#fff;font-size:1.5rem;font-family:Roboto,sans-serif;font-weight:700;position:absolute;left:20px;top:160%;transform:translateY(-50%) rotate(180deg);margin:0}.line{width:5px;height:100px;background:#ff0;position:absolute;left:30px;top:182%;transform:translateY(-50%);border-radius:10px;transform-origin:bottom}@media (max-width: 1440px){.sidebar h1{font-size:1.4rem;top:150%}.line{height:100px;top:166%;left:29px}}@media (min-width: 1441px) and (max-width: 1920px){.sidebar h1{font-size:1.5rem;top:160%}.line{height:110px;top:180%}}@media (min-width: 1921px){.sidebar h1{font-size:1.7rem;left:25px;top:145%}.line{height:120px;left:37px;top:162%}}.left-column{width:350px;max-width:350px;height:730px;display:flex;flex-direction:column;gap:10px;background:#38383815;border-radius:15px;padding:20px;box-shadow:0 0 10px #000;overflow:hidden}.title{margin-bottom:8px;text-align:center;font-size:22px;font-weight:700;color:#fff}.image-container{display:flex;flex-direction:column;height:100%;gap:15px;width:100%;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}.image{background-color:#ffb38a;border-radius:10px;height:calc((100% - 20px) / 3);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;position:relative;overflow:hidden}.small-image{background-color:#ff9ebe;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;position:relative;overflow:hidden;border-radius:15px;box-shadow:0 0 10px #000;transition:transform .3s ease,box-shadow .3s ease;flex:0 0 auto;width:280px;height:180px;cursor:pointer}.small-image:hover{transform:scale(1.1);box-shadow:0 0 15px #000}.bottom-container{display:grid;grid-template-columns:1fr 1fr;gap:10px;height:400px;min-height:400px;max-height:400px}.bottom-left{display:flex;flex-direction:column;gap:10px}.image:hover .image-overlay,.small-image:hover .image-overlay,.medium-image:hover .image-overlay,.large-image:hover .image-overlay{transform:translateY(0)}.fade-in{animation:fadeIn .8s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slide-up{animation:slideUp .8s ease forwards}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.scale-in{animation:scaleIn .8s ease forwards}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 768px){.grid-container,.image-row{grid-template-columns:1fr}}.image,.small-image,.medium-image{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:10px;width:100%;height:200px}.grid-container{display:grid;grid-template-columns:350px 1fr;gap:15px;width:100%;height:100%;padding:60px 50px 0 90px}.right-column{display:flex;flex-direction:column;gap:15px;height:720px}.top-row{background:#38383815;border-radius:15px;padding:20px;height:300px;min-height:300px;max-height:300px;box-shadow:0 0 10px #000}.image-row{display:flex;flex-wrap:nowrap;gap:20px;max-width:300px;padding:8px 4px}.medium-image,.large-image{border-radius:15px;box-shadow:0 0 10px #020202;transition:transform .3s ease,box-shadow .3s ease;overflow:hidden;position:relative}.medium-image-container,.large-image-container{display:flex;width:100%;height:100%;overflow-x:hidden;scroll-behavior:smooth;position:relative}.medium-image-item,.large-image-item{min-width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.medium-image:hover,.large-image:hover{transform:scale(1.05);box-shadow:0 0 15px #000}.image,.small-image,.medium-image,.large-image{position:relative;overflow:hidden}.image img,.small-image img,.medium-image img,.medium-image-item img,.large-image-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.image:hover img,.small-image:hover img,.medium-image-item:hover img,.large-image-item:hover img{transform:scale(1.1)}.large-image-item img{max-height:410px;object-fit:cover}.image-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#000c,#0000);color:#fff;padding:16px 12px 8px;text-align:center;transform:translateY(100%);transition:transform .3s ease;font-weight:500;font-size:14px}.image-pagination{position:absolute;bottom:5px;left:0;right:0;display:flex;justify-content:center;gap:5px;z-index:5}.pagination-dot{width:8px;height:8px;border-radius:50%;background-color:#ffffff80;transition:all .3s ease}.pagination-dot.active{background-color:#fff;transform:scale(1.2)}.bottom-image-overlay{padding-bottom:20px}@media (max-width: 768px){.grid-container,.bottom-container,.image-row{grid-template-columns:1fr}}.gallery-wrapper{position:relative;width:100%;overflow:hidden}.image-container::-webkit-scrollbar,.medium-image-container::-webkit-scrollbar,.large-image-container::-webkit-scrollbar{display:none}.nav-button{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background-color:#00000080;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:all .3s ease;z-index:10}.medium-image:hover .nav-button,.large-image:hover .nav-button,.gallery-wrapper:hover .nav-button{opacity:1}.prev-button{left:10px}.next-button{right:10px}.nav-button:hover{transform:translateY(-50%) scale(1.1);background-color:#000c;color:#fff}.nav-button:active{transform:translateY(-50%) scale(.95)}@media (max-width: 768px){.nav-button{width:36px;height:36px}.nav-button svg{width:20px;height:20px}}.vertical-carousel-wrapper{position:relative;height:100%;overflow:hidden}.vertical-image-container{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden;scroll-behavior:smooth;gap:15px}.vertical-image-item{min-height:200px;width:100%;flex-shrink:0;margin-bottom:15px}.vertical-prev-button,.vertical-next-button{position:absolute;left:50%;transform:translate(-50%);width:40px;height:40px;border-radius:50%;background-color:#00000080;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:all .3s ease;z-index:10}.vertical-prev-button{top:10px}.vertical-next-button{top:88%}.left-column:hover .vertical-prev-button,.left-column:hover .vertical-next-button{opacity:1}.vertical-prev-button:hover,.vertical-next-button:hover{background-color:#000c;transform:translate(-50%) scale(1.1)}.vertical-prev-button:active,.vertical-next-button:active{transform:translate(-50%) scale(.95)}.vertical-pagination{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:5px;z-index:5}.vertical-image-item img{width:100%;height:100%;object-fit:cover;border-radius:8px}.expanded-card-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;justify-content:center;align-items:center;overflow:hidden}.expanded-card-overlay:before{content:"";position:absolute;width:200%;height:200%;background:radial-gradient(circle at 10% 10%,rgba(94,114,235,.1),transparent 40%),radial-gradient(circle at 90% 20%,rgba(255,58,136,.1),transparent 40%),radial-gradient(circle at 50% 80%,rgba(56,220,255,.1),transparent 40%);animation:ambientBackground 15s infinite alternate ease-in-out;z-index:-1}@keyframes ambientBackground{0%{transform:translate(-20%,-20%) rotate(0);opacity:.5}50%{opacity:.7}to{transform:translate(0) rotate(10deg);opacity:.5}}.expanded-card{position:relative;width:85%;max-width:1200px;max-height:85vh;background:#ffffff14;border-radius:24px;box-shadow:0 20px 50px #00000080,0 0 0 1px #ffffff1a inset;overflow:hidden;animation:cardEntrance .8s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d;perspective:1000px}@keyframes cardEntrance{0%{transform:translateY(50px) scale(.8) rotateX(10deg);opacity:0}to{transform:translateY(0) scale(1) rotateX(0);opacity:1}}.expanded-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:24px;padding:2px;background:linear-gradient(135deg,#fff6,#ffffff1a,#fff3);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;animation:borderGlow 8s infinite alternate ease-in-out}@keyframes borderGlow{0%{opacity:.6}50%{opacity:.8}to{opacity:.6}}.expanded-card:after{content:"";position:absolute;top:-100px;right:-100px;bottom:-100px;left:-100px;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.1) 0%,transparent 10px),radial-gradient(circle at 70% 40%,rgba(255,255,255,.1) 0%,transparent 8px),radial-gradient(circle at 40% 80%,rgba(255,255,255,.1) 0%,transparent 12px),radial-gradient(circle at 80% 10%,rgba(255,255,255,.1) 0%,transparent 6px),radial-gradient(circle at 90% 80%,rgba(255,255,255,.1) 0%,transparent 10px),radial-gradient(circle at 10% 60%,rgba(255,255,255,.1) 0%,transparent 8px);animation:floatingParticles 20s infinite linear;z-index:-1;pointer-events:none}@keyframes floatingParticles{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(360deg) scale(1)}}.close-button{position:absolute;top:20px;right:20px;background:#ffffff1a;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 4px 12px #0003}.close-button:hover{background:#fff3;transform:scale(1.1) rotate(90deg)}.close-button svg{stroke:#fff;width:20px;height:20px}.expanded-card-content{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:40px;height:100%;overflow-y:auto;max-height:85vh}@media (max-width: 768px){.expanded-card-content{grid-template-columns:1fr;max-height:80vh}}.expanded-image-container{position:relative;overflow:hidden;border-radius:16px;box-shadow:0 15px 30px #0000004d;transition:transform .5s ease;transform-style:preserve-3d;height:fit-content}.expanded-image-container:hover{transform:translateY(-10px) rotateY(5deg);animation:pulseGlow 2s infinite alternate ease-in-out}.expanded-image{width:100%;height:auto;object-fit:cover;display:block;transform-origin:center;animation:imageReveal 1s ease forwards;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.expanded-image-container:hover .expanded-image{transform:scale(1.05);filter:saturate(1.2) contrast(1.1)}@keyframes imageReveal{0%{transform:scale(1.1);filter:brightness(.7) blur(5px)}to{transform:scale(1);filter:brightness(1) blur(0)}}.expanded-image-container:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,#fff0,#ffffff4d,#fff0);transform:skew(-25deg);animation:shine 3s infinite 1s;z-index:2}@keyframes shine{0%{left:-100%}20%{left:100%}to{left:100%}}.expanded-image-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,transparent 50%,rgba(74,108,247,.2) 100%);opacity:0;transition:opacity .5s ease;z-index:3}.expanded-image-container:hover:after{opacity:1;animation:pulseOverlay 2s infinite alternate ease-in-out}@keyframes pulseOverlay{0%{opacity:0}to{opacity:.5}}.expanded-details{display:flex;flex-direction:column;justify-content:center;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);transform:translateZ(20px);animation:detailsReveal .8s ease-out forwards;animation-delay:.3s;opacity:0}@keyframes detailsReveal{0%{opacity:0;transform:translateY(20px) translateZ(20px)}to{opacity:1;transform:translateY(0) translateZ(20px)}}.expanded-details h2{font-family:Poppins,sans-serif;font-weight:700;font-size:2.5rem;margin-bottom:1rem;color:#e2e8f0;position:relative;display:inline-block;border-right:3px solid transparent;white-space:nowrap;overflow:hidden;animation:typing 3.5s steps(30,end) .5s forwards,blinkCursor .75s step-end infinite;max-width:fit-content;background:linear-gradient(90deg,#fff,#96c4ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blinkCursor{0%,to{border-right-color:transparent}50%{border-right-color:#60a5fa}}.expanded-details h2:after{content:"";position:absolute;left:0;bottom:-8px;width:60%;height:4px;background:linear-gradient(90deg,#4a6cf7,#a2facf);border-radius:2px;animation:lineExtend 1s ease forwards;animation-delay:4s;transform-origin:left;transform:scaleX(0);z-index:1}@keyframes lineExtend{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.expanded-details p{font-family:Montserrat,sans-serif;font-size:1rem;line-height:1.6;color:#e2e8f0e6;margin-bottom:1.5rem;animation:fadeUp .6s ease .4s both}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.expanded-links{display:flex;gap:20px;margin-top:10px;animation:linksReveal 1s ease-out forwards;animation-delay:.7s;opacity:0}@keyframes linksReveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.project-link{padding:14px 28px;border-radius:50px;font-family:Montserrat,sans-serif;font-weight:600;font-size:1rem;display:flex;align-items:center;gap:10px;text-decoration:none;transition:all .4s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden;border:none;z-index:1}.project-link:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0003}.project-link:before{content:"";position:absolute;top:0;left:0;width:200%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%);transition:transform .6s ease;z-index:-1}.project-link:hover:before{transform:translate(50%)}.live-link{background:linear-gradient(45deg,#4a6cf7,#0ea5e9);background-size:200% 100%;color:#fff;box-shadow:0 4px 15px #4a6cf766;position:relative;z-index:1;overflow:hidden;transition:all .4s ease}.live-link:hover{background:linear-gradient(45deg,#4a6cf7,#0ea5e9);background-size:200% 100%;background-position:right center;transform:translateY(-5px) scale(1.05);box-shadow:0 10px 25px #4a6cf799}.github-link{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:relative;z-index:1;overflow:hidden;transition:all .4s ease}.github-link:hover{background:#fff3;border-color:#fff6;transform:translateY(-5px);box-shadow:0 8px 20px #0000004d}.project-link:hover span{background:linear-gradient(90deg,#fff,#a2facf);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:textGradient 2s infinite alternate}@keyframes textGradient{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(90deg)}}.explore-link{background:linear-gradient(135deg,#3a7bd5,#00d2ff);color:#fff;font-weight:600;border-radius:8px;padding:12px 24px;border:none;position:relative;overflow:hidden;transition:all .3s ease;box-shadow:0 5px 15px #0003}.explore-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,#fff0,#ffffff4d,#fff0);transition:all .6s ease}.explore-link:hover{transform:translateY(-2px);box-shadow:0 7px 20px #00000040;background:linear-gradient(135deg,#2c5fb8,#00b8e6)}.explore-link:hover:before{left:100%}.explore-link:active{transform:scale(.98);box-shadow:0 2px 8px #0003}@keyframes pulse{0%{box-shadow:0 0 #3a7bd5b3}70%{box-shadow:0 0 0 10px #3a7bd500}to{box-shadow:0 0 #3a7bd500}}.explore-link{animation:pulse 2s infinite}.link-icon{width:18px;height:18px;stroke-width:2.5;transition:all .3s ease}.project-link:hover .link-icon{transform:translate(3px) scale(1.2);filter:drop-shadow(0 0 5px rgba(255,255,255,.5))}.project-link:hover .link-icon{animation:iconPulse 1s infinite alternate}@keyframes iconPulse{0%{transform:translate(3px) scale(1.1)}to{transform:translate(6px) scale(1.3)}}.expanded-card-content::-webkit-scrollbar{width:8px}.expanded-card-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.expanded-card-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.expanded-card-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.expanded-card:hover .expanded-image-container{transition:transform .2s ease-out}.expanded-card:hover .expanded-details h2{transition:transform .3s ease-out}.expanded-card:hover .expanded-details p{transition:transform .4s ease-out}@media (min-width: 1024px){.expanded-card{transform:perspective(1000px);transition:transform .3s ease}.expanded-card:hover{transform:perspective(1000px) rotateX(2deg) rotateY(2deg)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.expanded-image.loading{background:linear-gradient(90deg,#333 25%,#444,#333 75%);background-size:1000px 100%;animation:shimmer 2s infinite linear}@media (max-width: 767px){.projects-container{height:auto;min-height:100vh;max-height:none;padding:160px 20px}.grid-container{grid-template-columns:1fr;padding:20px 15px;gap:15px}.left-column{width:100%;max-width:100%;height:auto;min-height:500px;margin-bottom:15px}.right-column{height:auto}.top-row{height:auto;min-height:200px;max-height:none;overflow-x:scroll;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;white-space:nowrap;position:relative}.top-row-content{display:inline-flex;animation:autoScroll 20s linear infinite;padding-right:20px}@keyframes autoScroll{0%{transform:translate(0)}to{transform:translate(-100%)}}.top-row:hover .top-row-content,.top-row:active .top-row-content{animation-play-state:paused}.bottom-container{grid-template-columns:1fr;height:auto;min-height:auto;max-height:none;gap:15px}.image,.small-image,.medium-image,.large-image{height:180px;width:100%}.nav-button,.vertical-prev-button,.vertical-next-button{display:none}.expanded-card{width:95%;max-height:90vh}.expanded-card-content{grid-template-columns:1fr;padding:20px;gap:20px;overflow-y:auto}.expanded-details h2{font-size:1.8rem;white-space:normal;animation:none;width:100%}.expanded-details h2:after{animation-delay:1s}.expanded-links{flex-direction:column;width:100%}.project-link{width:100%;justify-content:center}.sidebar h1{font-size:1.2rem;left:35%;top:134%;transform:translate(-50%);writing-mode:horizontal-tb;position:absolute;margin:0}.line{width:134px;height:4px;left:32%;top:calc(135% + 30px);transform:translate(-50%);position:absolute;margin:0}}@media (max-width: 374px){.grid-container{padding:15px 10px}.expanded-details h2{font-size:1.5rem}.expanded-details p{font-size:.9rem}.project-link{padding:10px 20px;font-size:.9rem}.image,.small-image,.medium-image,.large-image{height:150px}}@media (min-width: 375px) and (max-width: 480px){.grid-container{padding:20px 15px}.sidebar h1{font-size:1.3rem;top:125%}.line{top:129%;left:33%;width:140px;height:5px}.image,.small-image,.medium-image,.large-image{height:160px}}@media (min-width: 768px) and (max-width: 991px){.projects-container{height:auto;min-height:800px}.grid-container{grid-template-columns:280px 1fr;padding:30px 20px 0 50px}.left-column{width:280px;max-width:280px}.bottom-container{grid-template-columns:1fr;height:auto;min-height:400px}.sidebar h1{font-size:1.3rem;top:120%}.line{top:135%}.expanded-card-content{grid-template-columns:1fr}}@media (max-width: 767px){.vertical-image-item{min-height:160px;margin-bottom:10px}.image-pagination{bottom:3px}.pagination-dot{width:6px;height:6px}.nav-button,.vertical-prev-button,.vertical-next-button{opacity:.7;background-color:#0009}}@media (max-width: 767px){@keyframes gradientBG{0%{background-position:0% 50%}to{background-position:0% 50%}}.expanded-card:before,.expanded-card:after{animation:none}.expanded-image-container:hover{transform:none;animation:none}.expanded-image-container:before,.expanded-image-container:after{animation:none}.project-link:hover{transform:translateY(-2px)}.project-link:hover .link-icon{animation:none;transform:translate(3px)}.close-button{width:44px;height:44px;top:15px;right:15px}.close-button svg{width:24px;height:24px}}@media (max-height: 500px) and (orientation: landscape){.projects-container{height:auto;min-height:120vh}.expanded-card{width:95%;height:90vh;max-height:90vh}.expanded-card-content{grid-template-columns:1fr 1fr;max-height:80vh}.sidebar h1,.line{display:none}}@supports (padding: max(0px)){.projects-container{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right));padding-bottom:max(10px,env(safe-area-inset-bottom))}.expanded-card-overlay{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom)}}@media (max-width: 767px){.expanded-card-content{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:thin}.expanded-card-content::-webkit-scrollbar{width:5px}}.logo-ticker-container{padding:40px 0;background-color:#000;background:linear-gradient(45deg,#1a1a1a,#000);overflow:hidden}.logo-ticker-wrapper{display:flex;justify-content:center;align-items:center;position:relative;width:100%;overflow:hidden;mask-image:linear-gradient(to right,transparent,rgb(255,255,255),transparent);-webkit-mask-image:linear-gradient(to right,transparent,rgb(255,255,255),transparent)}.logo-ticker-track{display:flex;gap:80px;white-space:nowrap;padding-right:40px}.logo-ticker-icon{font-size:56px;color:#ff0}html,body{margin:0;padding:0;background-color:#000;height:100%;width:100%}*{margin:0;padding:0;box-sizing:border-box}.animation-container{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000!important;display:flex;justify-content:center;align-items:center;z-index:1000;transition:opacity .6s ease-out,visibility .6s ease-out;visibility:visible}.animation-container.fade-out{opacity:0;pointer-events:none;visibility:hidden}.text-animation{display:flex;justify-content:center;align-items:center;height:100%;width:100%}.animated-text{font-size:18vw;font-family:sans-serif;font-weight:700;letter-spacing:2px;animation:fadeIn .5s ease-in;color:#fff;text-align:center;word-break:break-word}.lines-animation{position:absolute;display:flex;justify-content:center;align-items:center;gap:1vw;width:100%;height:100%;background-color:transparent;z-index:5;padding:0 2vw}.lines{width:1.2vw;max-width:14px;height:0;opacity:0;border-radius:10px;animation:bounceLines .8s forwards;animation-delay:calc(var(--i) * .15s);box-shadow:0 0 15px #ffffff4d;transform-origin:bottom}.line-1,.line-3,.line-5,.line-7,.line-9{transform-origin:top}.line-1{background:#f05;--i: 0}.line-2{background:#ff7c00;--i: 1}.line-3{background:#ffeb00;--i: 2}.line-4{background:#00ff9e;--i: 3}.line-5{background:#00cfff;--i: 4}.line-6{background:#6b00ff;--i: 5}.line-7{background:#d500f9;--i: 6}.line-8{background:#ff4081;--i: 7}.line-9{background:#00e5ff;--i: 8}@keyframes bounceLines{0%{height:0;opacity:0;transform:scaleY(0) translateY(30px)}60%{height:60vh;opacity:1;transform:scaleY(1.2) translateY(0)}80%{transform:scaleY(.9)}to{height:50vh;transform:scaleY(1);box-shadow:0 0 20px #fff6}}@keyframes disappear{to{opacity:0;transform:scaleY(.1) translateY(-60px)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.animated-text{font-size:15vw;font-weight:bolder}.lines{width:2vw}}@media (max-width: 480px){.animated-text{font-family:poppins,sans-serif;font-size:16vw;font-weight:bolder}.lines{width:3vw}.lines-animation{gap:1.5vw}}