*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}:root{--primary-gradient:linear-gradient(135deg,#00d4ff 0%,#7c3aed 100%);--primary-dark:#0f0f1e;--primary-darker:#0a0a15;--card-bg:#14142380;--card-border:#ffffff14;--text-primary:#fff;--text-secondary:#b4b4b8;--accent-blue:#00d4ff;--accent-purple:#7c3aed;--glow-color:#00d4ff4d}html{scroll-behavior:smooth}body{color:var(--text-primary);background:linear-gradient(135deg,#0f0f1e 0%,#1a1a2e 50%,#16213e 100%) fixed;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;overflow-x:hidden}.navbar{z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--card-border);background:#0f0f1e99;padding:1.2rem 0;animation:.6s ease-out slideDown;position:fixed;top:0;left:0;right:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.nav-container{justify-content:space-between;align-items:center;max-width:1440px;margin:0 auto;padding:0 6rem;display:flex}.logo{background:var(--primary-gradient);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;font-family:Inter,sans-serif;font-size:1.5rem;font-weight:700;text-decoration:none;transition:opacity .3s}.logo:hover{opacity:.8}.nav-menu{gap:3rem;list-style:none;display:flex}.nav-menu a{color:var(--text-secondary);font-family:Inter,sans-serif;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .3s;position:relative}.nav-menu a.active{color:var(--accent-blue)}.nav-menu a.active:after{width:100%}.nav-menu a:after{content:"";background:var(--primary-gradient);width:0;height:2px;transition:width .3s;position:absolute;bottom:-5px;left:0}.nav-menu a:hover{color:var(--text-primary)}.nav-menu a:hover:after{width:100%}.hamburger{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;justify-content:space-around;width:30px;height:30px;padding:0;display:none}.hamburger span{transform-origin:1px;background:#00c6ff;border-radius:10px;width:30px;height:3px;transition:all .3s linear;position:relative}.hero{background:linear-gradient(135deg,#00d4ff0d 0%,#7c3aed0d 100%);align-items:flex-start;min-height:100vh;margin-top:80px;padding:4rem 3rem 6rem;display:flex;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle,#00d4ff1a 0%,#0000 70%);border-radius:50%;width:600px;height:600px;animation:8s ease-in-out infinite float;position:absolute;top:-50%;right:-20%}.hero:after{content:"";background:radial-gradient(circle,#7c3aed1a 0%,#0000 70%);border-radius:50%;width:400px;height:400px;animation:10s ease-in-out 1s infinite float;position:absolute;bottom:-30%;left:-10%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(30px)}}.hero-container{z-index:10;align-items:flex-start;width:100%;max-width:1440px;margin:0 auto;padding:0 2rem;display:flex;position:relative}.hero-content{text-align:left;max-width:600px;margin-left:3rem;font-family:Inter,sans-serif}.hero-content h2{color:var(--text-primary);white-space:nowrap;margin-bottom:1.5rem;font-family:Inter,sans-serif;font-size:6rem;font-weight:700;line-height:1.1}.and-im-text{color:var(--text-primary);white-space:normal;margin-top:1rem;font-size:2.4rem;font-weight:500;display:block}.hero-content .greeting{color:var(--accent-blue);margin-bottom:1.5rem;font-family:Inter,sans-serif;font-size:2.4rem;font-weight:500}.hero-content .subtitle{color:var(--accent-purple);margin-bottom:2rem;font-family:Inter,sans-serif;font-size:2rem;font-weight:600;line-height:1.3}.hero-content p{color:var(--text-secondary);max-width:700px;margin-bottom:3rem;font-family:Inter,sans-serif;font-size:1.1rem;font-weight:400;line-height:1.6}.animated-role{color:var(--accent-purple);font-family:Inter,sans-serif;font-weight:600;position:relative}.animated-role:after{content:"|";color:var(--accent-blue);margin-left:2px;animation:1s infinite blink}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.hero-text-element{opacity:0;transform:translateY(30px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.hero-buttons{flex-wrap:wrap;justify-content:flex-start;gap:1.5rem;display:flex}.btn{cursor:pointer;border:none;border-radius:8px;padding:1rem 2rem;font-family:Sora,sans-serif;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.btn-primary{background:var(--primary-gradient);color:#fff;position:relative;overflow:hidden}.btn-primary:before{content:"";background:#fff3;width:100%;height:100%;transition:left .3s;position:absolute;top:0;left:-100%}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #00d4ff4d}.btn-secondary{border:1.5px solid var(--accent-purple);color:var(--accent-purple);background:0 0;position:relative;overflow:hidden}.btn-secondary:before{content:"";background:var(--accent-purple);z-index:-1;width:100%;height:100%;transition:left .3s;position:absolute;top:0;left:-100%}.btn-secondary:hover{color:#fff;transform:translateY(-2px);box-shadow:0 10px 30px #7c3aed4d}.btn-secondary:hover:before{left:0}.hero-image{justify-content:center;align-items:center;animation:1s ease-out fadeIn;display:flex;position:relative}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.hero-image-wrapper{width:350px;height:350px;position:relative}.hero-bubbles{pointer-events:none;position:absolute;inset:-50px}.hero-bubble{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(135deg,#00d4ff99,#7c3aed66);border-radius:50%;animation:6s ease-in-out infinite heroBubbleFloat;position:absolute;box-shadow:0 0 20px #00d4ff4d}.hero-bubble-1{background:linear-gradient(135deg,#00d4ffb3,#0096ff80);width:60px;height:60px;animation-duration:8s;animation-delay:0s;top:20%;right:-30px}.hero-bubble-2{background:linear-gradient(135deg,#7c3aed99,#9333ea66);width:40px;height:40px;animation-duration:7s;animation-delay:1s;top:60%;right:-20px}.hero-bubble-3{background:linear-gradient(135deg,#00d4ff80,#38bdf84d);width:80px;height:80px;animation-duration:9s;animation-delay:2s;bottom:30%;right:-40px}.hero-bubble-4{background:linear-gradient(135deg,#a855f799,#7c3aed66);width:35px;height:35px;animation-duration:6s;animation-delay:.5s;top:10%;right:20px}.hero-bubble-5{background:linear-gradient(135deg,#00d4ffcc,#0ea5e999);width:50px;height:50px;animation-duration:8s;animation-delay:3s;bottom:10%;right:10px}.hero-bubble-6{background:linear-gradient(135deg,#9333eab3,#a855f780);width:25px;height:25px;animation-duration:5s;animation-delay:1.5s;top:40%;right:-10px}.hero-bubble-7{background:linear-gradient(135deg,#00d4ff66,#22c55e4d);width:70px;height:70px;animation-duration:10s;animation-delay:4s;top:70%;right:-35px}.hero-bubble-8{background:linear-gradient(135deg,#ec489999,#db277766);width:45px;height:45px;animation-duration:7s;animation-delay:2.5s;top:5%;right:-15px}.hero-glow-ring{background:conic-gradient(from 0deg,var(--accent-blue),var(--accent-purple),var(--accent-blue));opacity:.4;border-radius:50%;animation:8s linear infinite spin;position:absolute;inset:-20px}.hero-glow-ring:before{content:"";background:var(--primary-dark);border-radius:50%;position:absolute;inset:5px}.hero-profile-image{color:#fffc;z-index:5;background:linear-gradient(135deg,#00d4ff1a 0%,#7c3aed1a 100%);border:2px solid #00d4ff33;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:120px;display:flex;position:absolute;inset:0;box-shadow:0 0 60px #00d4ff33,inset 0 0 60px #7c3aed1a}@keyframes heroBubbleFloat{0%,to{opacity:.7;transform:translateY(0)translate(0)scale(1)}25%{opacity:.9;transform:translateY(-20px)translate(10px)scale(1.1)}50%{opacity:.6;transform:translateY(-10px)translate(-15px)scale(.9)}75%{opacity:.8;transform:translateY(-30px)translate(5px)scale(1.05)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.glow-ring:before{content:"";background:var(--primary-dark);border-radius:50%;position:absolute;inset:5px}.profile-image{object-fit:cover;z-index:5;color:#fffc;border:2px solid #00d4ff33;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:100px;display:flex;position:absolute;inset:0;box-shadow:0 0 60px #00d4ff33,inset 0 0 60px #7c3aed1a}.floating-shapes{width:200px;height:200px;position:absolute;top:-50px;right:-50px}.shape{filter:blur(40px);background:#00d4ff1a;border-radius:50%;position:absolute}.shape:first-child{width:100px;height:100px;animation:4s ease-in-out infinite pulse}.shape:nth-child(2){background:#7c3aed1a;width:150px;height:150px;animation:5s ease-in-out .5s infinite pulse;top:50px;right:30px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.water-flow-container{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.water-wave{opacity:.6;background:linear-gradient(90deg,#0000 0%,#3b82f61a 25%,#a855f726 50%,#ec48991a 75%,#0000 100%);border-radius:50px;width:200%;height:100px;position:absolute}.wave-1{animation:12s linear infinite waterFlow;top:20%;left:-50%}.wave-2{background:linear-gradient(90deg,#0000 0%,#ec489914 25%,#3b82f61f 50%,#a855f714 75%,#0000 100%);height:80px;animation:15s linear -2s infinite reverse waterFlow;top:50%;left:-50%}.wave-3{background:linear-gradient(90deg,#0000 0%,#a855f70f 25%,#ec48991a 50%,#3b82f60f 75%,#0000 100%);height:60px;animation:18s linear -4s infinite waterFlow;top:80%;left:-50%}.water-particles{width:100%;height:100%;position:absolute;top:0;left:0}.particle-1{background:#3b82f6cc;animation-delay:0s;top:15%;left:-10px}.particle-2{background:#a855f7cc;animation-delay:-1s;top:35%;left:-10px}.particle-3{background:#ec4899cc;animation-delay:-2s;top:55%;left:-10px}.particle-4{background:#3b82f699;animation-delay:-3s;top:25%;left:-10px}.particle-5{background:#a855f799;animation-delay:-4s;top:65%;left:-10px}.particle-6{background:#ec489999;animation-delay:-5s;top:45%;left:-10px}@keyframes waterFlow{0%{opacity:0;transform:translate(-100%)translateY(0)}10%{opacity:.6}90%{opacity:.6}to{opacity:0;transform:translate(100%)translateY(-20px)}}@keyframes particleFlow{0%{opacity:0;transform:translate(-10px)translateY(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translate(calc(100vw + 10px))translateY(-30px)}}.about-hero{background:radial-gradient(circle at 15% 85%,#ec48991f 0%,#0000 50%),radial-gradient(circle at 85% 15%,#3b82f61f 0%,#0000 50%),radial-gradient(circle,#a855f714 0%,#0000 50%),linear-gradient(135deg,#0c0a1e 0%,#1e1b3a 25%,#2d1b69 50%,#1a0f3d 75%,#0c0a1e 100%);flex-direction:column;justify-content:center;min-height:100vh;margin-top:60px;padding:2rem 3rem 4rem;display:flex;position:relative;overflow:hidden;transform:translateY(-1rem)}.about-particles{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.about-particle{width:4px;height:4px;left:var(--x);top:var(--y);animation:particleFloat var(--duration)ease-in-out infinite;animation-delay:var(--delay);background:radial-gradient(circle,#00d4ffcc 0%,#0000 70%);border-radius:50%;position:absolute}@keyframes particleFloat{0%,to{opacity:.6;transform:translateY(0)translate(0)}25%{opacity:1;transform:translateY(-20px)translate(10px)}50%{opacity:.8;transform:translateY(-10px)translate(-15px)}75%{opacity:1;transform:translateY(-30px)translate(5px)}}.about-bg-elements{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.bg-circle{background:radial-gradient(circle,#3b82f614 0%,#0000 70%);border-radius:50%;animation:8s ease-in-out infinite floatCircle;position:absolute}.bg-circle-1{width:500px;height:500px;animation-delay:0s;top:-10%;right:-5%}.bg-circle-2{background:radial-gradient(circle,#ec489914 0%,#0000 70%);width:350px;height:350px;animation-delay:2s;bottom:-5%;left:-10%}.bg-circle-3{background:radial-gradient(circle,#a855f70f 0%,#0000 70%);width:250px;height:250px;animation-delay:4s;top:50%;left:90%}.bg-gradient{filter:blur(100px);border-radius:50%;animation:15s ease-in-out infinite gradientMove;position:absolute}.bg-gradient-1{background:linear-gradient(45deg,#3b82f61a,#a855f71a);width:600px;height:600px;animation-delay:1s;top:-20%;right:-20%}.bg-gradient-2{background:linear-gradient(225deg,#ec489914,#3b82f614);width:450px;height:450px;animation-delay:3s;bottom:-15%;left:-15%}.about-hero-container{z-index:10;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:1440px;margin:0 auto;display:grid;position:relative}.about-hero-content{flex-direction:column;gap:2rem;display:flex}.about-badge{color:var(--accent-blue);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00d4ff1a;border:1px solid #00d4ff4d;border-radius:50px;width:fit-content;padding:.5rem 1rem;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;display:inline-block;position:relative;overflow:hidden}.badge-icon{margin-right:.5rem;font-size:1rem}.about-badge:before{content:"";background:linear-gradient(90deg,#0000,#00d4ff33,#0000);width:100%;height:100%;animation:3s ease-in-out infinite badgeShine;position:absolute;top:0;left:-100%}.mobile-badge{display:none}.desktop-badge{display:inline-block}@media (min-width:769px) and (max-width:1024px){.about-hero-container{text-align:center;padding-top:2rem;grid-template-columns:unset!important;flex-direction:column!important;gap:2rem!important;display:flex!important}.mobile-badge{text-align:center;order:1;align-self:center;margin-bottom:2rem;padding:.5rem 1rem;font-size:.85rem;display:block!important}.about-hero-image{align-self:center;margin-bottom:2rem;order:2!important}.about-hero-content{order:3!important}.desktop-badge{display:none!important}.about-hero-title{margin-top:0;font-size:2.5rem}.about-hero-description{font-size:1.1rem;line-height:1.7}}@media (min-width:1025px) and (max-width:1440px){.about-hero{padding-top:8rem}.mobile-badge{display:none!important}.desktop-badge{margin-bottom:2rem;display:inline-block!important}}@keyframes badgeShine{0%{left:-100%}50%{left:100%}to{left:100%}}.about-hero-title{color:var(--text-primary);margin:0;font-family:Inter,sans-serif;font-size:3.5rem;font-weight:700;line-height:1.2;position:relative}.title-decoration{align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.decoration-line{background:var(--primary-gradient);border-radius:2px;width:60px;height:3px}.decoration-dot{background:var(--accent-blue);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite dotPulse}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}}.gradient-text{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.about-hero-description{color:var(--text-secondary);max-width:500px;font-family:Inter,sans-serif;font-size:1.1rem;font-weight:400;line-height:1.8}.about-social-links{gap:1rem;display:flex}.social-link{background:var(--card-bg);border:1px solid var(--card-border);width:50px;height:50px;color:var(--text-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;justify-content:center;align-items:center;font-size:1.2rem;text-decoration:none;transition:all .3s;display:flex}.social-link:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0003}.social-link.linkedin:hover{color:#0077b5;background:#0077b51a;border-color:#0077b5}.social-link.github:hover{color:#fff;background:#ffffff1a;border-color:#fff}.social-link.twitter:hover{color:#1da1f2;background:#1da1f21a;border-color:#1da1f2}.about-cta{margin-top:1rem}.contact-btn{background:var(--primary-gradient);color:#fff;border:none;border-radius:12px;align-items:center;gap:.8rem;padding:1rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.contact-btn:before{content:"";background:#fff3;width:100%;height:100%;transition:left .3s;position:absolute;top:0;left:-100%}.contact-btn:hover:before{left:100%}.contact-btn:hover{transform:translateY(-2px);box-shadow:0 15px 35px #00d4ff4d}.contact-btn i{transition:transform .3s}.contact-btn:hover i{transform:translate(5px)}.about-hero-image{justify-content:center;align-items:center;display:flex;position:relative}.about-image-wrapper{width:350px;height:350px;position:relative}.profile-bubbles{pointer-events:none;position:absolute;inset:-50px}.bubble{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(135deg,#00d4ff99,#7c3aed66);border-radius:50%;animation:6s ease-in-out infinite bubbleFloat;position:absolute;box-shadow:0 0 20px #00d4ff4d}.bubble-1{background:linear-gradient(135deg,#00d4ffcc,#0096ff99);width:60px;height:60px;animation-duration:8s;animation-delay:0s;top:5%;right:5%}.bubble-2{background:linear-gradient(135deg,#00d4ffcc,#0096ff99);width:90px;height:90px;animation-duration:7s;animation-delay:1s;bottom:5%;left:5%}.about-glow-ring{opacity:.8;filter:blur(1px);z-index:1;background:conic-gradient(#0000 0% 85%,#00ff964d 90%,#00c86499 95%,#00ff7866 98%,#0000 100%);border-radius:50%;animation:1.5s linear infinite lightFlow;position:absolute;inset:-15px}.about-glow-ring:before{content:"";background:var(--primary-dark);z-index:2;border-radius:50%;position:absolute;inset:8px}@keyframes lightFlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.about-profile-image{color:#fffc;z-index:5;background:linear-gradient(135deg,#00d4ff1a 0%,#7c3aed1a 100%);border:2px solid #00d4ff33;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:120px;display:flex;position:absolute;inset:0;box-shadow:0 0 60px #00d4ff33,inset 0 0 60px #7c3aed1a}.about-floating-elements{width:200px;height:200px;position:absolute;top:-50px;right:-50px}.floating-shape{filter:blur(20px);background:#00d4ff1a;border-radius:50%;animation:6s ease-in-out infinite floatShape;position:absolute}.shape-1{width:80px;height:80px;animation-delay:0s}.shape-2{background:#7c3aed1a;width:120px;height:120px;animation-delay:2s;top:50px;right:30px}.shape-3{width:60px;height:60px;animation-delay:4s;bottom:20px;left:40px}.learning-journey-section{z-index:10;background:radial-gradient(circle at 20% 30%,#00d4ff1a 0%,#0000 50%),radial-gradient(circle at 80% 70%,#7c3aed1a 0%,#0000 50%),radial-gradient(circle at 40% 80%,#ff14930d 0%,#0000 50%),linear-gradient(135deg,#0a0a1a 0%,#1a1a2e 25%,#16213e 50%,#1a1a2e 75%,#0a0a1a 100%);border-top:1px solid #00d4ff1a;min-height:100vh;padding:4rem 3rem;position:relative;overflow:hidden}.journey-container{max-width:1400px;margin:0 auto;position:relative}.journey-header{text-align:center;margin-bottom:3rem;position:relative}.journey-title{background:linear-gradient(135deg,#00d4ff 0%,#7c3aed 50%,#ff1493 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-family:Inter,sans-serif;font-size:3.5rem;font-weight:800;position:relative}.journey-title:after{content:"";background:linear-gradient(90deg,#00d4ff,#7c3aed,#ff1493);border-radius:2px;width:100px;height:4px;animation:2s ease-in-out infinite shimmer;position:absolute;bottom:-15px;left:50%;transform:translate(-50%)}.journey-subtitle{color:var(--text-secondary);opacity:.8;font-size:1.2rem;font-weight:300}.journey-grid{z-index:2;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start;gap:2rem;margin-bottom:4rem;display:grid;position:relative}.journey-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:pointer;opacity:0;background:#0f1928b3;border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;height:450px;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;transform:translateY(20px)}.journey-card.fade-in-up{animation:.8s ease-out forwards cardSlideUp}.journey-card:before{content:"";background:linear-gradient(90deg,transparent,var(--card-accent),transparent);opacity:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.journey-card:hover:before{opacity:1}.journey-card:hover{box-shadow:0 25px 50px #0000004d,0 0 30px rgba(var(--glow-color),.2);border-color:#fff3;transform:translateY(-10px)scale(1.02)}.card-glow{background:linear-gradient(45deg,transparent,var(--card-accent),transparent);opacity:0;z-index:-1;filter:blur(10px);border-radius:24px;transition:opacity .3s;position:absolute;inset:-2px}.journey-card:hover .card-glow{opacity:.3}.card-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.card-icon{filter:drop-shadow(0 0 10px rgba(var(--glow-color),.5));font-size:2.5rem}.card-year{background:rgba(var(--glow-color),.1);color:rgb(var(--glow-color));border:1px solid rgba(var(--glow-color),.3);border-radius:20px;padding:.5rem 1rem;font-size:.9rem;font-weight:700}.card-title{color:var(--text-primary);margin:0 0 1rem;font-family:Inter,sans-serif;font-size:1.5rem;font-weight:700;line-height:1.3}.card-institution{color:rgb(var(--glow-color));opacity:.9;margin:0 0 1rem;font-size:.9rem;font-weight:600}.card-description{color:var(--text-secondary);flex:1;margin:0 0 auto;font-size:.95rem;line-height:1.6}.card-content{flex-direction:column;flex:1;justify-content:flex-start;height:100%;display:flex}.card-education{--card-accent:#00d4ff;--glow-color:0,212,255}.card-frontend{--card-accent:#7c3aed;--glow-color:124,58,237}.card-fullstack{--card-accent:#ff1493;--glow-color:255,20,147}.card-aiml{--card-accent:#0f8;--glow-color:0,255,136}.card-progress{align-items:center;gap:1rem;margin-top:auto;padding-top:1rem;display:flex}.progress-bar{background:#ffffff1a;border-radius:3px;flex:1;height:6px;position:relative;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--card-accent),rgba(var(--glow-color),.7));height:100%;width:var(--progress);border-radius:3px;transition:width 1s ease-out;position:relative}.progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#fff6);width:20px;height:100%;animation:2s ease-in-out infinite progressShine;position:absolute;top:0;right:0}.progress-text{color:rgb(var(--glow-color));font-size:.8rem;font-weight:600}.card-skills{flex-wrap:wrap;gap:.5rem;display:flex}.skill-tag{background:rgba(var(--glow-color),.1);color:rgb(var(--glow-color));border:1px solid rgba(var(--glow-color),.2);border-radius:12px;padding:.3rem .8rem;font-size:.8rem;font-weight:500}.card-status,.card-future{align-items:center;gap:.5rem;margin-top:auto;padding-top:1rem;display:flex}.status-indicator{background:var(--card-accent);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse}.status-indicator.upcoming{background:#ff1493}.status-text{color:var(--card-accent);font-size:.8rem;font-weight:600}.future-indicator{color:var(--card-accent);align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;display:flex}.pulse-dot{background:var(--card-accent);border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite pulse}.journey-path{opacity:.3;width:80%;max-width:800px;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.path-svg{width:100%;height:100px}.animated-path{stroke-dasharray:10 5;animation:3s linear infinite pathFlow}@keyframes cardSlideUp{to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%,to{opacity:1}50%{opacity:.5}}@keyframes progressShine{0%,to{left:-100%}50%{left:100%}}@keyframes pathFlow{0%{stroke-dashoffset:0}to{stroke-dashoffset:15px}}@media (max-width:768px){.learning-journey-section{padding:4rem 2rem}.journey-title{font-size:2.5rem}.journey-grid{grid-template-columns:1fr;gap:1.5rem}.journey-card{padding:1.5rem}.journey-path{display:none}}@media (max-width:480px){.journey-title{font-size:2rem}.card-header{text-align:center;flex-direction:column;gap:1rem}}.fade-in-up{opacity:0;animation:.8s ease-out forwards fadeInUp;transform:translateY(30px)}@keyframes bubbleFloat{0%,to{opacity:.7;transform:translateY(0)translate(0)scale(1)}25%{opacity:.9;transform:translateY(-20px)translate(10px)scale(1.1)}50%{opacity:.6;transform:translateY(-10px)translate(-15px)scale(.9)}75%{opacity:.8;transform:translateY(-30px)translate(5px)scale(1.05)}}@keyframes floatCircle{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-20px)scale(1.05)}}@keyframes gradientMove{0%,to{transform:translate(0)translateY(0)}25%{transform:translate(20px)translateY(-10px)}50%{transform:translate(-10px)translateY(15px)}75%{transform:translate(15px)translateY(-5px)}}@keyframes floatShape{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-15px)rotate(120deg)}66%{transform:translateY(10px)rotate(240deg)}}@media (max-width:1024px){.about-hero-container{text-align:center;grid-template-columns:1fr;gap:3rem}.about-hero-title{font-size:2.8rem}.about-image-wrapper{width:280px;height:280px}.about-profile-image{font-size:100px}}@media (max-width:768px){.about-hero{margin-top:60px;padding:4rem 2rem 3rem;transform:translateY(-.5rem)}.about-hero-title{font-size:2.2rem}.about-hero-description{font-size:1rem}.about-badge{padding:.4rem .8rem;font-size:.8rem}.about-image-wrapper{width:250px;height:250px}.about-profile-image{font-size:80px}.journey-cards{grid-template-columns:1fr;gap:1.5rem}.journey-card{padding:2rem}}@media (max-width:480px){.about-hero{padding:3rem 1rem 2rem;transform:translateY(0)}.about-hero-title{font-size:1.8rem}.about-hero-description{font-size:.95rem}.about-social-links{justify-content:center}.about-image-wrapper{width:200px;height:200px}.about-profile-image{font-size:60px}.bg-circle-1{width:200px;height:200px}.bg-circle-2{width:150px;height:150px}}.about-hero-bg{pointer-events:none;z-index:1;background:linear-gradient(135deg,#00d4ff1a 0%,#7c3aed1a 100%),radial-gradient(circle at 20% 80%,#3b82f626 0%,#0000 50%),radial-gradient(circle at 80% 20%,#a855f726 0%,#0000 50%),radial-gradient(circle at 40% 40%,#ec48991a 0%,#0000 50%);width:100%;height:100%;position:absolute;top:0;left:0}.about-hero-bg:before{content:"";background:linear-gradient(45deg,#0000 30%,#00d4ff0d 50%,#0000 70%),linear-gradient(-45deg,#0000 30%,#a855f70d 50%,#0000 70%);width:100%;height:100%;animation:8s ease-in-out infinite heroShine;position:absolute;top:0;left:0}.about-hero-bg:after{content:"";background:radial-gradient(circle at 60% 30%,#ec489914 0%,#0000 40%),radial-gradient(circle at 30% 70%,#3b82f614 0%,#0000 40%);width:100%;height:100%;animation:6s ease-in-out infinite alternate heroGlow;position:absolute;top:0;left:0}@keyframes heroShine{0%,to{opacity:.3;transform:translate(-10px)}50%{opacity:.7;transform:translate(10px)}}@keyframes heroGlow{0%{opacity:.4;transform:scale(1)}to{opacity:.8;transform:scale(1.1)}}.space-background{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.stars-layer{width:100%;height:100%;position:absolute}.star{left:var(--x);top:var(--y);width:var(--size);height:var(--size);animation:twinkle var(--duration)ease-in-out infinite;animation-delay:var(--delay);background:#fff;border-radius:50%;position:absolute;box-shadow:0 0 6px #fffc}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.nebula-effect{background:radial-gradient(at 20% 30%,#7c3aed1a 0%,#0000 50%),radial-gradient(at 80% 70%,#00d4ff14 0%,#0000 50%),radial-gradient(#ff00960d 0%,#0000 60%);width:100%;height:100%;animation:20s ease-in-out infinite nebulaFloat;position:absolute}@keyframes nebulaFloat{0%,to{opacity:.6;transform:translate(0)translateY(0)scale(1)}33%{opacity:.8;transform:translate(20px)translateY(-10px)scale(1.05)}66%{opacity:.7;transform:translate(-15px)translateY(15px)scale(.95)}}.cosmic-dust{width:100%;height:100%;position:absolute}.dust-particle{left:var(--x);top:var(--y);width:var(--size);height:var(--size);animation:floatDust var(--duration)linear infinite;animation-delay:var(--delay);background:#ffffff1a;border-radius:50%;position:absolute}@keyframes floatDust{0%{opacity:0;transform:translate(0)translateY(0)rotate(0)}10%{opacity:.3}90%{opacity:.3}to{opacity:0;transform:translate(100px)translateY(-50px)rotate(360deg)}}.skills-bg-particles{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.bg-particle{width:var(--size);height:var(--size);background:radial-gradient(circle,rgba(0,212,255,var(--opacity))0%,rgba(124,58,237,var(--opacity))50%,transparent 100%);top:var(--top);animation:flowParticle var(--duration)linear infinite;animation-delay:var(--delay);border-radius:50%;position:absolute;left:-10px;box-shadow:0 0 4px #00d4ff4d}.bg-particle:nth-child(odd){background:radial-gradient(circle,rgba(124,58,237,var(--opacity))0%,rgba(0,212,255,var(--opacity))50%,transparent 100%);box-shadow:0 0 4px #7c3aed4d}.bg-particle:nth-child(3n){background:radial-gradient(circle,rgba(255,255,255,var(--opacity))0%,rgba(0,212,255,var(--opacity))50%,transparent 100%);box-shadow:0 0 4px #fff3}@keyframes flowParticle{0%{opacity:0;left:-10px;transform:translateY(0)scale(.5)}10%{opacity:var(--opacity);transform:translateY(-20px)scale(1)}90%{opacity:var(--opacity);transform:translateY(20px)scale(1)}to{opacity:0;left:calc(100% + 10px);transform:translateY(0)scale(.5)}}.skills-container{text-align:center;z-index:2;max-width:1440px;margin:0 auto;position:relative}.section-heading{text-align:center;background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:2rem;font-family:Inter,sans-serif;font-size:2.5rem;font-weight:700}.skills-description{color:var(--text-secondary);max-width:600px;margin:0 auto 4rem;font-size:1.1rem;line-height:1.7}.explore-more-container{justify-content:center;align-items:center;max-width:1200px;margin:8rem auto 0;display:flex}.explore-more-card{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:pointer;border-radius:40px;align-items:center;gap:.8rem;padding:1rem 2rem;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001a}.explore-more-card:before{content:"";background:linear-gradient(90deg,#0000 0%,#00d4ff1a 50%,#0000 100%);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.explore-more-card:hover:before{left:100%}.explore-more-card:hover{background:#141423cc;border-color:#00d4ff66;transform:translateY(-5px);box-shadow:0 15px 40px #00d4ff33}.explore-more-icon{width:40px;height:40px;color:var(--text-primary);background:#ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;transition:all .3s;display:flex}.explore-more-card:hover .explore-more-icon{color:var(--accent-blue);background:#00d4ff33;transform:scale(1.1)}.explore-more-content{flex:1}.explore-more-text{color:var(--text-secondary);font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:500}.github-link{color:var(--accent-blue);font-weight:700;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:all .3s}.explore-more-card:hover .github-link{-webkit-text-decoration-color:var(--accent-blue);text-decoration-color:var(--accent-blue);color:#fff}@media (max-width:768px){.explore-more-container{margin:3rem auto 0}.explore-more-card{border-radius:30px;padding:.8rem 1.5rem}.explore-more-text{font-size:.9rem}.explore-more-icon{width:35px;height:35px;font-size:1rem}}@media (max-width:480px){.explore-more-container{margin:2rem auto 0;padding:0 1rem}.explore-more-card{text-align:center;border-radius:25px;flex-direction:column;gap:.6rem;padding:.8rem 1.2rem}.explore-more-text{font-size:.8rem}}.skills{background:radial-gradient(circle at 20% 20%,#00d4ff0d 0%,#0000 50%),radial-gradient(circle at 80% 80%,#7c3aed0d 0%,#0000 50%),linear-gradient(135deg,#0f0f1ecc 0%,#1a1a2ee6 100%);padding:4rem 3rem;position:relative;overflow:hidden}.skills-container{text-align:center;max-width:1440px;margin:0 auto}.skills-header{margin-bottom:3rem}.section-heading{text-align:center;background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-family:Space Grotesk,sans-serif;font-size:3rem;font-weight:700;position:relative}.section-heading:after{content:"";background:var(--primary-gradient);border-radius:2px;width:80px;height:3px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.skills-description{color:var(--text-secondary);opacity:.9;max-width:600px;margin:0 auto;font-size:1.2rem;line-height:1.8}.skills-roadmap-container{flex-direction:column;gap:3rem;max-width:800px;margin:0 auto;display:flex;position:relative}.skill-roadmap-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;background:#14142399;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:2rem;width:400px;padding:2.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;transform:translateY(50px)}.skill-roadmap-card.roadmap-left{align-self:flex-start;margin-left:0}.skill-roadmap-card.roadmap-right{flex-direction:row-reverse;align-self:flex-end;margin-right:0}.roadmap-line{background:linear-gradient(90deg,var(--skill-color),#00d4ff4d);z-index:10;width:100px;height:3px;position:absolute;top:50%}.roadmap-line.line-right{right:-100px;transform:translateY(-50%)}.roadmap-line.line-left{left:-100px;transform:translateY(-50%)}.roadmap-line:after{content:"";border-left:8px solid var(--skill-color);border-top:6px solid #0000;border-bottom:6px solid #0000;width:0;height:0;position:absolute;top:50%;right:-8px;transform:translateY(-50%)}.roadmap-line.line-left:after{border-left:none;border-right:8px solid var(--skill-color);left:-8px;right:auto}.skill-roadmap-card.animate-in{opacity:1;transform:translateY(0)}.skill-roadmap-card.floating{animation:6s ease-in-out infinite skillFloat}.skill-roadmap-card:before{content:"";background:linear-gradient(90deg,transparent 0%,var(--skill-color)50%,transparent 100%);opacity:0;border-radius:20px 20px 0 0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.skill-roadmap-card:after{content:"";pointer-events:none;opacity:0;background:linear-gradient(135deg,#ffffff05 0%,#0000 50%,#ffffff03 100%);border-radius:20px;transition:opacity .3s;position:absolute;inset:0}.skill-roadmap-card:hover{box-shadow:0 15px 30px #00000026,0 8px 16px #0000001a,0 0 0 1px #ffffff08,0 0 12px rgba(var(--skill-color-rgb),.06);background:#141423cc;border-color:#ffffff1f;transform:translateY(-8px)scale(1.01)}.skill-roadmap-card.absorbing{box-shadow:0 0 30px rgba(var(--skill-color-rgb),.4),0 0 60px rgba(var(--skill-color-rgb),.2),inset 0 0 20px rgba(var(--skill-color-rgb),.1);border-color:rgba(var(--skill-color-rgb),.6);animation:.3s ease-out absorptionPulse;transform:scale(1.05)}@keyframes absorptionPulse{0%{box-shadow:0 0 0 rgba(var(--skill-color-rgb),0);transform:scale(1)}50%{box-shadow:0 0 40px rgba(var(--skill-color-rgb),.6),0 0 80px rgba(var(--skill-color-rgb),.3);transform:scale(1.08)}to{box-shadow:0 0 30px rgba(var(--skill-color-rgb),.4),0 0 60px rgba(var(--skill-color-rgb),.2);transform:scale(1.05)}}.skill-roadmap-card:hover:before,.skill-roadmap-card:hover:after{opacity:1}.skill-roadmap-card:hover .skill-icon{transform:scale(1.1)rotate(5deg)}.skill-roadmap-card:hover .skill-glow{opacity:.3;transform:scale(1.05)}.skill-roadmap-card:hover .skill-progress-fill{box-shadow:0 0 8px var(--skill-color)}.skill-icon-wrapper{justify-content:center;margin-bottom:1rem;display:flex;position:relative}.skill-icon{z-index:2;background:#ffffff08;border-radius:16px;justify-content:center;align-items:center;width:80px;height:80px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.skill-glow{background:radial-gradient(circle,var(--skill-color)0%,transparent 70%);opacity:0;filter:blur(20px);z-index:1;border-radius:50%;transition:all .4s;position:absolute;inset:-10px}.skill-icon svg{width:50px;height:50px;transition:all .4s}.skill-content{text-align:center}.skill-name{color:var(--text-primary);margin-bottom:.5rem;font-family:Space Grotesk,sans-serif;font-size:1.4rem;font-weight:700;line-height:1.3}.skill-description{color:var(--text-secondary);opacity:.8;margin-bottom:1rem;font-size:.9rem;line-height:1.4}.skill-level{color:var(--skill-color);opacity:.9;margin-bottom:1rem;font-size:1rem;font-weight:600}.skill-progress-bar{background:#ffffff14;border-radius:4px;width:100%;height:8px;margin-top:1rem;position:relative;overflow:hidden}.skill-progress-fill{background:linear-gradient(90deg,var(--skill-color),rgba(var(--skill-color-rgb),.7));height:100%;width:var(--progress-width);border-radius:4px;transition:width 1s ease-out;position:relative;overflow:hidden}.skill-progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#fff6);width:20px;height:100%;animation:2s ease-in-out infinite progressShine;position:absolute;top:0;right:0}@keyframes skillFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes progressShimmer{0%,to{opacity:0}50%{opacity:1}}@media (max-width:1024px){.skills-roadmap-container{gap:2rem}.skill-roadmap-card{width:350px;padding:2rem}.roadmap-line{width:80px}.roadmap-line.line-right{right:-80px}.roadmap-line.line-left{left:-80px}.skill-icon{width:70px;height:70px}.skill-icon svg{width:45px;height:45px}.skill-name{font-size:1.2rem}}@media (max-width:768px){.skills{padding:4rem 2rem}.section-heading{font-size:2.5rem}.skills-roadmap-container{flex-direction:column;align-items:center;gap:1.5rem;padding:0 1rem;display:flex}.skill-roadmap-card{text-align:center;justify-content:center;align-items:center;width:100%;max-width:350px;padding:1.5rem;align-self:center!important;margin:0 auto!important}.skill-roadmap-card.roadmap-left,.skill-roadmap-card.roadmap-right{text-align:center!important;flex-direction:column!important;align-items:center!important}.skill-icon-wrapper{align-self:center;margin:0 auto 1rem}.roadmap-line{display:none}.skill-icon{width:60px;height:60px}.skill-icon svg{width:40px;height:40px}.skill-name{font-size:1rem}.skill-level{font-size:.9rem}}@media (max-width:480px){.skill-roadmap-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1.5rem 1rem}.skill-roadmap-card.roadmap-left,.skill-roadmap-card.roadmap-right{text-align:center!important;align-items:center!important}.skill-icon-wrapper{align-self:center;margin:0 auto}.skill-icon{width:80px;height:80px;margin:0 auto}.skill-icon svg{width:50px;height:50px}.skill-content{width:100%}}.skills-badge{color:var(--accent-blue);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00d4ff1a;border:1px solid #00d4ff4d;border-radius:50px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.8rem 1.5rem;font-size:.9rem;font-weight:600;animation:3s ease-in-out infinite badgePulse;display:inline-flex}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes iconSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.heading-highlight{background:linear-gradient(135deg,#00d4ff 0%,#7c3aed 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;position:relative}.skills-subtitle{color:var(--accent-purple);opacity:.8;font-size:.9rem;font-style:italic}.skill-rotating-ring{opacity:0;border-radius:50%;transition:opacity .3s;position:absolute;inset:-15px}.skill-roadmap-card:hover .skill-rotating-ring{opacity:1}.ring-segment{border:2px solid #0000;border-top-color:var(--skill-color);border-radius:50%;animation:2s linear infinite ringRotate;position:absolute;inset:0}.ring-segment:nth-child(2){border-top-color:rgba(var(--skill-color-rgb),.6);animation-delay:.3s}.ring-segment:nth-child(3){border-top-color:rgba(var(--skill-color-rgb),.3);animation-delay:.6s}@keyframes ringRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.skill-progress-container{align-items:center;gap:.8rem;margin-top:1rem;display:flex}.progress-percentage{color:var(--skill-color);min-width:35px;font-size:.8rem;font-weight:600}.progress-shine{background:linear-gradient(90deg,#0000 0%,#fff9 50%,#0000 100%);width:100%;height:100%;animation:2s ease-in-out infinite progressShine;position:absolute;top:0;left:-100%}.progress-pulse{background:#fffc;border-radius:2px;width:4px;height:100%;animation:1.5s ease-in-out infinite progressPulse;position:absolute;top:0;right:0}@keyframes progressPulse{0%,to{opacity:0}50%{opacity:1}}.skill-tooltip{z-index:1000;animation:.3s ease-out tooltipFadeIn;position:absolute;top:-80px;left:50%;transform:translate(-50%)}.tooltip-content{color:#fff;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;border:1px solid #ffffff1a;border-radius:8px;padding:.8rem 1rem;font-size:.8rem;box-shadow:0 10px 30px #0000004d}.tooltip-content h4{color:var(--skill-color);margin:0 0 .3rem;font-size:.9rem}.tooltip-content p{opacity:.8;margin:.2rem 0}.tooltip-arrow{border-top:6px solid #000000e6;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;position:absolute;top:100%;left:50%;transform:translate(-50%)}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.skill-hover-particles{pointer-events:none;opacity:0;transition:opacity .3s;position:absolute;inset:0}.skill-roadmap-card:hover .skill-hover-particles{opacity:1}.hover-particle{background:var(--skill-color);border-radius:50%;width:4px;height:4px;animation:2s ease-out infinite hoverParticleFloat;position:absolute}.particle-3{animation-delay:.4s;bottom:30%;left:30%}.particle-4{animation-delay:.6s;bottom:20%;right:30%}@keyframes hoverParticleFloat{0%{opacity:0;transform:translateY(0)scale(0)}50%{opacity:1;transform:translateY(-20px)scale(1)}to{opacity:0;transform:translateY(-40px)scale(0)}}.skills-summary{border-top:1px solid #ffffff1a;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:4rem;padding-top:3rem;display:grid}.summary-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;align-items:center;gap:1rem;padding:1.5rem;transition:all .3s;display:flex}.summary-icon{flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;animation:3s ease-in-out infinite summaryIconBounce;display:flex}.summary-content{flex-direction:column;justify-content:center;display:flex}.summary-content h3{color:var(--text-primary);margin:0 0 .3rem;font-size:1.1rem;font-weight:600}.summary-content p{color:var(--text-secondary);opacity:.8;margin:0;font-size:.9rem}.summary-card:hover{background:#ffffff0d;border-color:#00d4ff4d;transform:translateY(-5px);box-shadow:0 10px 30px #00d4ff1a}.summary-card:first-child .summary-icon{animation-delay:0s}.summary-card:nth-child(2) .summary-icon{animation-delay:.5s}.summary-card:nth-child(3) .summary-icon{animation-delay:1s}@keyframes summaryIconBounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width:768px){.skill-tooltip{display:none}.skills-summary{grid-template-columns:1fr;gap:1rem}.summary-card{padding:1rem}.summary-icon{font-size:1.5rem}}@media (max-width:480px){.skill-progress-container{flex-direction:column;align-items:flex-start;gap:.5rem}.progress-percentage{align-self:flex-end}}.projects{background:linear-gradient(135deg,#7c3aed08 0%,#00d4ff08 100%);padding:6rem 3rem}.projects-container{max-width:1440px;margin:0 auto}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:6rem;display:grid}.project-card{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;flex-direction:column;transition:all .3s;display:flex;overflow:hidden}.project-card:hover{border-color:#00d4ff4d;transform:translateY(-15px);box-shadow:0 20px 50px #00d4ff26}.project-image{color:#ffffff1a;background:linear-gradient(135deg,#00d4ff1a 0%,#7c3aed1a 100%);justify-content:center;align-items:center;width:100%;height:220px;font-size:60px;display:flex;position:relative;overflow:hidden}.project-image img{object-fit:contain;z-index:2;filter:brightness(1.1)contrast(1.1);border-radius:0;width:100%;height:100%;transition:transform .3s;position:relative}.project-card:hover .project-image img{filter:brightness(1.2)contrast(1.2);transform:scale(1.05)}.project-image:before{content:"";z-index:1;opacity:0;background:linear-gradient(135deg,#00d4ff1a 0%,#7c3aed1a 100%);transition:opacity .3s;position:absolute;inset:0}.project-card:hover .project-image:before{opacity:.3;opacity:.3}@keyframes gradientRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.project-content{flex-direction:column;flex-grow:1;padding:2rem;display:flex}.project-title{color:var(--text-primary);margin-bottom:.8rem;font-size:1.3rem;font-weight:700}.project-description{color:var(--text-secondary);flex-grow:1;margin-bottom:1rem;font-size:.95rem}.project-tech-stack{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.tech-tag{color:var(--accent-blue);background:#00d4ff1a;border:1px solid #00d4ff4d;border-radius:20px;padding:.3rem .8rem;font-family:Inter,sans-serif;font-size:.75rem;font-weight:500;transition:all .3s}.tech-tag:hover{background:#00d4ff33;border-color:#00d4ff80;transform:translateY(-1px)}.project-links{gap:1rem;display:flex}.project-btn{color:var(--accent-blue);cursor:pointer;background:0 0;border:1px solid #00d4ff4d;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1rem;font-family:Sora,sans-serif;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.project-btn:hover{background:#00d4ff1a;border-color:#00d4ffcc}.contact-section{background:radial-gradient(circle at 20% 20%,#ff6b6b14 0%,#0000 50%),radial-gradient(circle at 80% 80%,#4ecdc414 0%,#0000 50%),radial-gradient(circle at 40% 60%,#45b7d10f 0%,#0000 50%),radial-gradient(circle at 60% 40%,#25d3660f 0%,#0000 50%),linear-gradient(135deg,#0a0a1a 0%,#1a1a2e 25%,#16213e 50%,#1a1a2e 75%,#0a0a1a 100%);min-height:100vh;margin-top:80px;padding:6rem 3rem;position:relative;overflow:hidden}.skills .particle,.skills .star,.skills .dust-particle,.skills .bg-particle,.skills .space-background,.skills .stars-layer,.skills .cosmic-dust,.skills .nebula-effect,.about-hero .about-particle,.hero .floating-element,.hero .floating-elements,.animated-background{animation:none!important;transform:none!important}*{transform-style:flat!important;backface-visibility:hidden!important}.skill-roadmap-card,.project-card,.summary-card{transition:transform .2s!important}.contact-section .float-element,.contact-section .avatar-ring,.contact-section .animated-line{animation-duration:4s!important;animation-timing-function:ease-in-out!important}.contact-bg{pointer-events:none;z-index:1;position:absolute;inset:0}.contact-bg-gradient{opacity:.3;background:conic-gradient(#ff6b6b1a 0deg,#4ecdc41a 90deg,#45b7d11a 180deg,#25d3661a 270deg,#ff6b6b1a 360deg);animation:20s linear infinite rotateGradient;position:absolute;inset:0}.contact-particles{position:absolute;inset:0}.particle{background:#fff9;border-radius:50%;width:4px;height:4px;animation:8s ease-in-out infinite particleFloat;position:absolute}.particle:nth-child(odd){background:#00d4ff99}.particle:nth-child(3n){background:#7c3aed99}.particle-1{animation-delay:0s;top:10%;left:10%}.particle-2{animation-delay:.5s;top:20%;right:15%}.particle-3{animation-delay:1s;top:30%;left:20%}.particle-4{animation-delay:1.5s;top:40%;right:25%}.particle-5{animation-delay:2s;top:50%;left:30%}.particle-6{animation-delay:2.5s;top:60%;right:35%}.particle-7{animation-delay:3s;top:70%;left:40%}.particle-8{animation-delay:3.5s;top:80%;right:45%}.particle-9{animation-delay:4s;bottom:20%;left:15%}.particle-10{animation-delay:4.5s;bottom:30%;right:20%}.particle-11{animation-delay:5s;bottom:40%;left:25%}.particle-12{animation-delay:5.5s;bottom:50%;right:30%}.particle-13{animation-delay:6s;top:15%;left:50%}.particle-14{animation-delay:6.5s;top:25%;right:50%}.particle-15{animation-delay:7s;top:35%;left:60%}.particle-16{animation-delay:7.5s;top:45%;right:60%}.particle-17{animation-delay:.2s;top:55%;left:70%}.particle-18{animation-delay:.7s;top:65%;right:70%}.particle-19{animation-delay:1.2s;top:75%;left:80%}.particle-20{animation-delay:1.7s;top:85%;right:80%}.contact-container{z-index:10;max-width:1400px;margin:0 auto;position:relative}.contact-header{text-align:center;margin-bottom:4rem}.contact-badge{color:var(--text-secondary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.8rem 1.5rem;font-size:.9rem;font-weight:600;animation:3s ease-in-out infinite badgePulse;display:inline-flex}.badge-icon{font-size:1.2rem;animation:2s ease-in-out infinite sparkle}.contact-title{background:linear-gradient(135deg,#ff6b6b 0%,#4ecdc4 25%,#45b7d1 50%,#96ceb4 75%,#ffeaa7 100%);-webkit-text-fill-color:transparent;background-size:300% 300%;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-family:Space Grotesk,sans-serif;font-size:4rem;font-weight:800;line-height:1.1;animation:4s ease-in-out infinite gradientShift}.title-highlight{background:linear-gradient(135deg,#00c6ff,#0072ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block;position:relative}.title-highlight:after{content:"";background:linear-gradient(90deg,#ff6b6b,#4ecdc4,#45b7d1);border-radius:2px;height:4px;animation:2s ease-in-out infinite underlineGlow;position:absolute;bottom:-5px;left:0;right:0}.contact-subtitle{color:var(--text-secondary);opacity:.9;max-width:600px;margin:0 auto;font-size:1.2rem;line-height:1.7}.contact-grid{grid-template-columns:1fr 1fr;gap:4rem;margin-bottom:4rem;display:grid}.contact-methods{flex-direction:column;gap:2rem;display:flex}.section-title{color:var(--text-primary);margin-bottom:1.5rem;font-family:Space Grotesk,sans-serif;font-size:2rem;font-weight:700;position:relative}.section-title:before{content:"";background:linear-gradient(#ff6b6b,#4ecdc4);border-radius:2px;width:4px;height:30px;position:absolute;top:50%;left:-20px;transform:translateY(-50%)}.methods-grid{gap:1.5rem;display:grid}.contact-method-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:inherit;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:1.5rem;padding:1.5rem;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.contact-method-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.contact-method-card:hover:before{left:100%}.contact-method-card:hover{border-color:var(--method-color);box-shadow:0 20px 40px #0000004d,0 0 30px rgba(var(--method-color),.2);transform:translateY(-8px)scale(1.02)}.method-icon{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;font-size:2.5rem;transition:all .3s;display:flex}.contact-method-card:hover .method-icon{box-shadow:0 0 20px rgba(var(--method-color),.4);background:#ffffff0d;transform:scale(1.1)rotate(5deg)}.method-content{flex:1}.method-label{color:var(--method-color);text-transform:uppercase;letter-spacing:1px;margin-bottom:.3rem;font-size:.9rem;font-weight:700}.method-value{color:var(--text-primary);margin-bottom:.3rem;font-size:1.1rem;font-weight:600}.method-description{color:var(--text-secondary);opacity:.8;font-size:.9rem}.method-arrow{color:var(--method-color);font-size:1.5rem;transition:transform .3s}.contact-method-card:hover .method-arrow{transform:translate(5px)}.method-glow{background:linear-gradient(45deg,transparent,var(--method-color),transparent);opacity:0;z-index:-1;filter:blur(10px);border-radius:20px;transition:opacity .3s;position:absolute;inset:-2px}.contact-method-card:hover .method-glow{opacity:.3}.contact-illustration{justify-content:center;align-items:center;display:flex;position:relative}.illustration-container{width:400px;height:400px;position:relative}.floating-elements{position:absolute;inset:0}.float-element{cursor:pointer;font-size:2rem;transition:transform .3s;animation:6s ease-in-out infinite elementFloat;position:absolute}.float-element:hover{transform:scale(1.2)}.element-1{animation-delay:0s;top:10%;left:20%}.element-2{animation-delay:1s;top:15%;right:15%}.element-3{animation-delay:2s;bottom:20%;left:10%}.element-4{animation-delay:3s;bottom:15%;right:20%}.element-5{animation-delay:4s;top:50%;left:5%}.element-6{animation-delay:5s;top:50%;right:5%}.central-avatar{justify-content:center;align-items:center;width:120px;height:120px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.avatar-ring{border:2px solid;border-radius:50%;animation:10s linear infinite ringRotate;position:absolute}.ring-1{border-color:#ff6b6b4d;width:120px;height:120px;animation-duration:8s}.ring-2{border-color:#4ecdc44d;width:140px;height:140px;animation-duration:12s;animation-direction:reverse}.ring-3{border-color:#45b7d14d;width:160px;height:160px;animation-duration:15s}.avatar-image{z-index:2;font-size:3rem;animation:3s ease-in-out infinite avatarPulse}.avatar-status{color:var(--text-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border-radius:20px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8rem;display:flex;position:absolute;bottom:-30px;left:50%;transform:translate(-50%)}.status-dot{background:#0f8;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite statusPulse}.connection-lines{pointer-events:none;position:absolute;inset:0}.lines-svg{width:100%;height:100%}.animated-line{stroke-dasharray:5 5;animation:3s linear infinite lineFlow}.line-1{animation-delay:0s}.line-2{animation-delay:.5s}.line-3{animation-delay:1s}.line-4{animation-delay:1.5s}.contact-social{text-align:center;margin-bottom:3rem}.social-title{color:var(--text-primary);margin-bottom:1.5rem;font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:700}.social-links{justify-content:center;gap:1rem;display:flex}.social-link{width:60px;height:60px;color:var(--text-secondary);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;text-decoration:none;transition:all .4s;display:flex;position:relative;overflow:hidden}.social-link:before{content:"";background:var(--social-color);z-index:-1;border-radius:50%;transition:transform .3s;position:absolute;inset:0;transform:scale(0)}.social-link:hover:before{transform:scale(1)}.social-link:hover{color:#fff;box-shadow:0 10px 30px rgba(var(--social-color),.3);transform:translateY(-5px)}.social-ripple{border:2px solid var(--social-color);opacity:0;border-radius:50%;animation:2s ease-out infinite ripple;position:absolute;inset:-10px;transform:scale(.8)}.contact-cta{text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff05;border:1px solid #ffffff0d;border-radius:24px;margin-bottom:3rem;padding:3rem;position:relative;overflow:hidden}.contact-cta:before{content:"";background:linear-gradient(90deg,#0000,#ff6b6b,#4ecdc4,#0000);width:100%;height:2px;animation:3s ease-in-out infinite ctaShine;position:absolute;top:0;left:-100%}.cta-content h3{color:var(--text-primary);margin-bottom:1rem;font-family:Space Grotesk,sans-serif;font-size:2rem;font-weight:700}.cta-content p{color:var(--text-secondary);opacity:.9;margin-bottom:2rem;font-size:1.1rem}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.cta-btn{border-radius:50px;align-items:center;gap:.8rem;padding:1rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.cta-btn.primary{color:#fff;background:linear-gradient(135deg,#ff6b6b,#4ecdc4);box-shadow:0 8px 25px #ff6b6b4d}.cta-btn.primary:hover{transform:translateY(-3px);box-shadow:0 15px 35px #ff6b6b66}.cta-btn.secondary{color:#25d366;background:#25d3661a;border:1px solid #25d3664d}.cta-btn.secondary:hover{background:#25d36633;transform:translateY(-3px);box-shadow:0 15px 35px #25d36633}.contact-footer{text-align:center;border-top:1px solid #ffffff1a;padding-top:2rem}.footer-content{text-align:center}.footer-content p{color:var(--text-secondary);opacity:.8;font-size:.9rem}@keyframes rotateGradient{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes sparkle{0%,to{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.2)}}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes underlineGlow{0%,to{opacity:.7;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.1)}}@keyframes elementFloat{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-15px)rotate(5deg)}66%{transform:translateY(-5px)rotate(-3deg)}}@keyframes avatarPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}@keyframes lineFlow{0%{stroke-dashoffset:0}to{stroke-dashoffset:10px}}@keyframes ripple{0%{opacity:0;transform:scale(.8)}50%{opacity:.5;transform:scale(1.1)}to{opacity:0;transform:scale(1.3)}}@keyframes ctaShine{0%{left:-100%}50%{left:100%}to{left:100%}}@media (max-width:1024px){.contact-grid{grid-template-columns:1fr;gap:3rem}.contact-title{font-size:3rem}.illustration-container{width:300px;height:300px}}@media (max-width:768px){.contact-section{padding:4rem 2rem}.contact-title{font-size:2.5rem}.contact-subtitle{font-size:1rem}.methods-grid{gap:1rem}.contact-method-card{text-align:center;flex-direction:column;gap:1rem;padding:1rem}.method-arrow{display:none}.illustration-container{width:250px;height:250px}.cta-buttons{flex-direction:column;align-items:center}.footer-content{text-align:center;flex-direction:column}}@media (max-width:480px){.contact-title{font-size:1.8rem;line-height:1.2}.contact-subtitle{padding:0 1rem;font-size:.9rem;line-height:1.5}.section-title{margin-bottom:1rem;font-size:1.4rem}.contact-method-card{margin-bottom:.5rem;padding:1rem}.method-label{font-size:1rem;font-weight:600}.method-value{word-break:break-all;font-size:.85rem}.method-description{margin-top:.3rem;font-size:.8rem}.social-title{margin-bottom:1rem;font-size:1.2rem}.cta-content h3{font-size:1.3rem;line-height:1.3}.cta-content p{font-size:.9rem;line-height:1.4}.social-links{gap:.5rem}.social-link{width:50px;height:50px;font-size:1.2rem}.contact-cta{padding:2rem 1rem}.cta-content h3{font-size:1.5rem}}.footer{background:var(--primary-darker);border-top:1px solid var(--card-border);padding:4rem 3rem 2rem}.footer-container{max-width:1440px;margin:0 auto}.footer-content{grid-template-columns:1.5fr 1fr;gap:4rem;margin-bottom:3rem;display:grid}.footer-brand{flex-direction:column;gap:1rem;display:flex}.footer-name{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Space Grotesk,sans-serif;font-size:2rem;font-weight:700}.footer-tagline{color:var(--accent-blue);font-size:1.1rem;font-weight:600}.footer-description{color:var(--text-secondary);max-width:400px;font-size:.95rem;line-height:1.7}.footer-links{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.footer-section h4{color:var(--text-primary);margin-bottom:1.5rem;font-family:Space Grotesk,sans-serif;font-size:1.1rem;font-weight:700}.footer-section ul{flex-direction:column;gap:.8rem;list-style:none;display:flex}.footer-section ul li{color:var(--text-secondary);font-size:.9rem;transition:color .3s}.footer-section ul li a{color:var(--text-secondary);text-decoration:none;transition:color .3s}.footer-section ul li a:hover,.footer-section ul li:hover{color:var(--accent-blue)}.footer-social{gap:1rem;margin-bottom:1.5rem;display:flex}.footer-social a{background:var(--card-bg);border:1px solid var(--card-border);width:45px;height:45px;color:var(--accent-blue);border-radius:12px;justify-content:center;align-items:center;font-size:1.2rem;text-decoration:none;transition:all .3s;display:flex}.footer-social a:hover{background:#00d4ff1a;border-color:#00d4ff80;transform:translateY(-3px);box-shadow:0 8px 25px #00d4ff33}.footer-contact-info{flex-direction:column;gap:.8rem;display:flex}.footer-contact-info p{color:var(--text-secondary);align-items:center;gap:.8rem;font-size:.9rem;display:flex}.footer-contact-info i{color:var(--accent-blue);width:16px}.footer-bottom{border-top:1px solid var(--card-border);justify-content:space-between;align-items:center;padding-top:2rem;display:flex}.footer-copyright p,.footer-credits p{color:var(--text-secondary);font-size:.9rem}.footer-credits p{align-items:center;gap:.3rem;display:flex}.reveal{opacity:0;transform:translateY(30px)}.reveal.active{opacity:1;transition:all .6s ease-out;transform:translateY(0)}.hero-clean-bg{pointer-events:none;z-index:2;background:linear-gradient(135deg,#00d4ff14 0%,#7c3aed14 50%,#ec48990f 100%),radial-gradient(circle at 20% 30%,#3b82f61f 0%,#0000 60%),radial-gradient(circle at 80% 70%,#a855f71a 0%,#0000 60%),radial-gradient(circle,#00d4ff0f 0%,#0000 80%);width:100%;height:100%;animation:12s ease-in-out infinite backgroundPulse;position:absolute;top:0;left:0}.hero-clean-bg:before{content:"";background:linear-gradient(45deg,#0000 40%,#00d4ff0a 50%,#0000 60%),linear-gradient(-45deg,#0000 40%,#a855f70a 50%,#0000 60%);width:100%;height:100%;animation:8s ease-in-out infinite backgroundShimmer;position:absolute;top:0;left:0}.hero-clean-bg:after{content:"";background:radial-gradient(at 30% 20%,#ec489914 0%,#0000 50%),radial-gradient(at 70% 80%,#3b82f614 0%,#0000 50%);width:100%;height:100%;animation:15s ease-in-out infinite backgroundFloat;position:absolute;top:0;left:0}@keyframes backgroundPulse{0%,to{opacity:.8}50%{opacity:1}}@keyframes backgroundShimmer{0%,to{opacity:.5;transform:translate(-10px)}50%{opacity:.8;transform:translate(10px)}}@keyframes backgroundFloat{0%,to{opacity:.6;transform:scale(1)rotate(0)}33%{opacity:.8;transform:scale(1.1)rotate(120deg)}66%{opacity:.7;transform:scale(.9)rotate(240deg)}}.floating-elements{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.floating-element{background:linear-gradient(135deg,#00d4ff1a,#7c3aed1a);border-radius:50%;animation:6s ease-in-out infinite floatUpDown;position:absolute}.floating-element:first-child{width:80px;height:80px;animation-delay:0s;top:20%;left:10%}.floating-element:nth-child(2){width:120px;height:120px;animation-delay:2s;top:60%;right:15%}.floating-element:nth-child(3){width:60px;height:60px;animation-delay:4s;top:80%;left:20%}.floating-element:nth-child(4){width:100px;height:100px;animation-delay:1s;top:30%;right:30%}@keyframes floatUpDown{0%,to{opacity:.3;transform:translateY(0)rotate(0)}50%{opacity:.6;transform:translateY(-20px)rotate(180deg)}}@media (max-width:1024px){.nav-container{padding:0 4rem}.hero-container{grid-template-columns:1fr;gap:3rem}.hero-content h1{white-space:nowrap;font-size:3.5rem}.about-container{grid-template-columns:1fr}.about-cards{grid-template-columns:1fr;gap:1.5rem}.skills-grid{grid-template-columns:1fr}.floating-skills-container{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem}.floating-skill-card{padding:1.5rem 1rem}.skill-icon{font-size:2.5rem}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.footer-container{text-align:center;grid-template-columns:1fr;gap:2rem}.footer-content{text-align:center;grid-template-columns:1fr;gap:3rem}.footer-links{grid-template-columns:1fr 1fr;gap:2rem}.footer-bottom{text-align:center;flex-direction:column;gap:1rem}.footer-social{justify-content:center}}@media (max-width:768px){.navbar{padding:1rem 0}.nav-container{padding:0 2.5rem}.logo{font-size:1.2rem}.hamburger{display:flex!important}.nav-menu{gap:1.5rem;font-size:.9rem}.hero{margin-top:60px;padding:4rem 1.5rem}.hero-container{justify-content:flex-start;min-height:40vh;padding:1rem}.hero-content{text-align:left;max-width:100%;margin-left:1rem}.hero{padding-top:6rem;padding-bottom:4rem}.hero-content h1{white-space:nowrap;font-size:6rem}.hero-content .subtitle{font-size:2.4rem}.hero-content p{font-size:1.7rem}.hero-content .greeting{font-size:2.4rem}.hero-buttons{flex-direction:column;align-items:flex-start;gap:1rem}.btn{width:auto;min-width:200px;padding:.8rem 1.5rem;font-size:.9rem}.section-heading{font-size:2rem}.skill-card{padding:1.5rem}.projects-grid{grid-template-columns:1fr}.contact-container{padding:0 1.5rem}.contact-form{padding:1.5rem}}@media (max-width:480px){.hero{min-height:80vh;margin-top:50px;padding:2rem 1rem}.hero-content{text-align:center;margin-left:0}.hero-content h2{white-space:normal;margin-bottom:1rem;font-size:2.8rem;line-height:1.1}.and-im-text{margin-top:.5rem;font-size:.7em;display:block}.hero-content .greeting{font-size:1.4rem}.hero-content p{margin-bottom:2rem;font-size:1rem;line-height:1.5}.and-im-text{margin-top:.5rem;font-size:1.8rem}.hero-buttons{flex-direction:column;align-items:center;gap:1rem}.btn{width:100%;max-width:250px;padding:.8rem 1.5rem;font-size:.9rem}.skills{padding:3rem 1rem}.skills-roadmap-container{gap:1.5rem;padding:0}.skill-roadmap-card{text-align:center;flex-direction:column;padding:1.5rem;margin:0!important}.skill-roadmap-card.roadmap-left,.skill-roadmap-card.roadmap-right{align-self:center}.roadmap-line{display:none}.skill-icon-wrapper{margin-bottom:1rem}.skill-description{font-size:.9rem}.skills-summary{grid-template-columns:1fr;gap:1rem;margin-top:2rem;padding-top:2rem}.summary-card{text-align:center;padding:1rem}.about-hero{text-align:center;padding:2rem 1rem}.about-hero-container{flex-direction:column;grid-template-columns:1fr;gap:2rem;display:flex}.mobile-badge{text-align:center;order:1;margin-bottom:1rem;padding:.4rem .8rem;font-size:.75rem;display:block}.about-hero-image{order:2;margin-bottom:1rem}.about-hero-content{order:3}.desktop-badge{display:none}.about-hero-title{margin-bottom:1rem;font-size:1.6rem;line-height:1.2}.about-hero-description{font-size:.95rem;line-height:1.6}.about-social-links{justify-content:center;gap:.8rem}.social-link{width:45px;height:45px}.contact{padding:3rem 1rem}.contact-container{grid-template-columns:1fr;gap:2rem}.contact-title{font-size:2rem}.contact-methods{grid-template-columns:1fr;gap:1rem}.contact-method{padding:1rem}.form-group input,.form-group textarea{padding:.8rem;font-size:1rem}.projects{padding:3rem 1rem}.projects-grid{grid-template-columns:1fr;gap:1.5rem}.project-card{padding:1.5rem}.project-title{font-size:1.3rem}.project-description{font-size:.9rem}.footer-container{text-align:center;grid-template-columns:1fr;gap:1.5rem}.navbar{padding:.8rem 0}.nav-container{padding:0 1rem}.logo{font-size:1.1rem}.hamburger{display:flex!important}.nav-menu{gap:1rem;font-size:.85rem}.nav-menu a{padding:.5rem .8rem}.skills-header{margin-bottom:2rem}.skills-badge{padding:.5rem 1rem;font-size:.8rem}.space-background{opacity:.7}.about-particles{opacity:.5}.visitor-count{font-size:1rem}.live-indicator{font-size:.65rem}.about-content h2{font-size:1.8rem}.about-image-wrapper{width:200px;height:200px}.about-cards{grid-template-columns:1fr;gap:1rem}.about-card{padding:1.5rem}.timeline-item{padding:1rem}.section-heading{margin-bottom:2rem;font-size:1.6rem}.skill-card{padding:1.5rem}.skill-card h3{font-size:1.3rem}.project-content{padding:1.5rem}.contact-heading{font-size:1.8rem}.contact-form{padding:1.5rem}.footer{padding:3rem 1.5rem 2rem}.footer-content,.footer-links{grid-template-columns:1fr;gap:2rem}.footer-name{font-size:1.5rem}.footer-tagline{font-size:1rem}.footer-bottom{flex-direction:column;gap:1rem}.floating-skills-container{grid-template-columns:repeat(2,1fr);gap:1rem}.floating-skill-card{padding:1.2rem .8rem}.skill-icon{font-size:2rem}.skill-name{font-size:1rem}.skills-description{margin-bottom:3rem;font-size:1rem}.nav-menu{display:none}.hamburger{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;justify-content:space-around;width:30px;height:30px;padding:0;display:flex}.hamburger span{background:var(--text-primary);transform-origin:1px;border-radius:10px;width:30px;height:3px;transition:all .3s linear;position:relative}.hamburger.active{opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.nav-menu.active{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:1000;background:#0f0f0fd9;border-left:1px solid #ffffff1a;flex-direction:column;gap:2rem;width:55%;height:100vh;padding:5rem 0 2rem;animation:.3s ease-out slideInRight;display:flex;position:fixed;top:0;right:0;transform:translate(0)}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.nav-menu.active li{text-align:left;margin:0;padding:0 2rem}.nav-menu.active a{color:var(--text-secondary);border-radius:8px;padding:1rem 0;font-size:1.2rem;transition:all .3s;display:block;position:relative}.nav-menu.active a:hover,.nav-menu.active a.active{color:var(--accent-blue);transform:translate(10px)}.nav-menu.active a:after{content:"";background:var(--accent-blue);width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.nav-menu.active a:hover:after,.nav-menu.active a.active:after{width:50px}.menu-overlay{z-index:999;background:#0000004d;width:100%;height:100vh;animation:.3s ease-out fadeIn;position:fixed;top:0;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}}@media (min-width:768px){*{cursor:none!important}.custom-cursor.cursor-hover{background:#00d4ff1a;border-color:#7c3aedcc;width:60px;height:60px}.custom-cursor-dot.cursor-dot-hover{background:linear-gradient(135deg,#00d4ff,#7c3aed);width:12px;height:12px;box-shadow:0 0 20px #00d4ff}}@media (max-width:767px){.custom-cursor,.custom-cursor-dot{display:none!important}}.about-social-links{gap:1rem;display:flex;position:relative}.social-link{width:50px;height:50px;color:var(--text-secondary);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden}.social-link:before{content:"";background:var(--primary-gradient);opacity:0;z-index:-1;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.social-link:hover:before{opacity:1}.social-link:hover{color:#fff;transform:translateY(-3px);box-shadow:0 10px 25px #0003}.social-tooltip{color:#fff;opacity:0;pointer-events:none;background:#000c;border-radius:4px;padding:.3rem .6rem;font-size:.7rem;transition:opacity .3s;position:absolute;bottom:-35px;left:50%;transform:translate(-50%)}.social-link:hover .social-tooltip{opacity:1}.enhanced-btn{background:var(--primary-gradient);color:#fff;border:none;border-radius:50px;align-items:center;gap:.5rem;padding:1.2rem 2rem;font-family:Inter,sans-serif;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.enhanced-btn:hover{transform:translateY(-2px);box-shadow:0 15px 35px #00d4ff66}.btn-shine{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;animation:3s ease-in-out infinite btnShine;position:absolute;top:0;left:-100%}@keyframes btnShine{0%{left:-100%}50%{left:100%}to{left:100%}}.btn-icon{transition:transform .3s}.enhanced-btn:hover .btn-icon{transform:translate(5px)}.live-counter{flex-direction:column;align-items:center;gap:.3rem;display:flex}.visitor-count{color:var(--accent-blue);text-shadow:0 0 10px #00d4ff4d;font-family:Inter,sans-serif;font-size:1.1rem;font-weight:700}.live-indicator{color:#f44;letter-spacing:.5px;font-size:.7rem;font-weight:600;animation:2s ease-in-out infinite livePulse}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.summary-card:has(.live-counter){background:linear-gradient(135deg,#00d4ff1a 0%,#7c3aed1a 100%);border:1px solid #00d4ff4d;margin-left:0;position:relative;overflow:hidden}.summary-card:has(.live-counter):before{content:"";background:linear-gradient(90deg,#0000,#00d4ff1a,#0000);width:100%;height:100%;animation:3s ease-in-out infinite liveShine;position:absolute;top:0;left:-100%}@keyframes liveShine{0%{left:-100%}50%{left:100%}to{left:100%}}@media (max-width:768px){.summary-card:has(.live-counter){margin-left:0}}@media (max-width:480px){.summary-card:has(.live-counter){margin-left:0}}@keyframes shine{0%{transform:translate(-100%)rotate(45deg)}to{transform:translate(100%)rotate(45deg)}}
