:root{--color-primary: #646cff;--color-primary-hover: #535bf2;--color-primary-light: #747bff;--color-secondary: #42b883;--color-accent: #ff6b6b;--color-bg-primary: #242424;--color-bg-secondary: #1a1a1a;--color-bg-elevated: #2d2d2d;--color-text-primary: rgba(255, 255, 255, .87);--color-text-secondary: rgba(255, 255, 255, .6);--color-text-muted: rgba(255, 255, 255, .4);--color-border: rgba(255, 255, 255, .1);--color-shadow: rgba(0, 0, 0, .3);--font-family-base: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-family-mono: "Fira Code", "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 3.2rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.1;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 var(--color-shadow);--shadow-md: 0 4px 6px -1px var(--color-shadow);--shadow-lg: 0 10px 15px -3px var(--color-shadow);--shadow-xl: 0 20px 25px -5px var(--color-shadow);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--container-max-width: 1280px;--content-max-width: 65ch;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body.light{--color-bg-primary: #f0f2f5;--color-bg-secondary: #ffffff;--color-bg-elevated: #ffffff;--color-text-primary: #1e1e2e;--color-text-secondary: #4a5568;--color-text-muted: #718096;--color-border: rgba(0, 0, 0, .1);--color-shadow: rgba(0, 0, 0, .1)}@media(prefers-color-scheme:light){:root{--color-bg-primary: #ffffff;--color-bg-secondary: #f9f9f9;--color-bg-elevated: #ffffff;--color-text-primary: #213547;--color-text-secondary: #4a5568;--color-text-muted: #718096;--color-border: rgba(0, 0, 0, .1);--color-shadow: rgba(0, 0, 0, .1);--color-primary-hover: var(--color-primary-light)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;display:flex;place-items:center;font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-normal);font-weight:var(--font-weight-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);overflow-x:hidden}#root{width:100%;margin:0 auto;padding:var(--space-lg);text-align:center}h1,h2,h3,h4,h5,h6{margin:0;font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text-primary)}h1{font-size:var(--font-size-4xl);margin-bottom:var(--space-lg);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{font-size:var(--font-size-3xl);margin-bottom:var(--space-md)}h3{font-size:var(--font-size-2xl);margin-bottom:var(--space-md)}h4{font-size:var(--font-size-xl);margin-bottom:var(--space-sm)}p{margin-bottom:var(--space-md);color:var(--color-text-secondary);max-width:var(--content-max-width)}code{font-family:var(--font-family-mono);font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-sm);background-color:var(--color-bg-secondary);border-radius:var(--radius-sm);color:var(--color-primary)}pre{padding:var(--space-md);background-color:var(--color-bg-secondary);border-radius:var(--radius-md);overflow-x:auto;margin-bottom:var(--space-md)}pre code{padding:0;background:transparent}a{font-weight:var(--font-weight-medium);color:var(--color-primary);text-decoration:none;position:relative;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}a:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px;border-radius:var(--radius-sm)}button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);border-radius:var(--radius-md);border:1px solid transparent;padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);font-family:inherit;background-color:var(--color-bg-secondary);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background-color:#ffffff1a;transform:translate(-50%,-50%);transition:width var(--transition-slow),height var(--transition-slow)}button:hover:before{width:300px;height:300px}button:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px}button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}button.primary{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}button.secondary{background-color:var(--color-secondary);color:#fff;border-color:var(--color-secondary)}button.outline{background-color:transparent;border-color:var(--color-primary);color:var(--color-primary)}button.ghost{background-color:transparent;border-color:transparent;box-shadow:none}input,textarea,select{width:100%;padding:var(--space-sm) var(--space-md);font-family:inherit;font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #646cff1a}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}.container{width:100%;max-width:var(--container-max-width);margin:0 auto;padding:0 var(--space-md)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.card{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.text-center{text-align:center}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fadeIn{animation:fadeIn var(--transition-slow) ease-out}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@media(max-width:768px){:root{--font-size-4xl: 2rem;--font-size-3xl: 1.5rem}#root{padding:var(--space-md)}.card{padding:var(--space-lg)}}@media(max-width:480px){:root{--font-size-4xl: 1.75rem}button{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;border:none;outline:none}html{font-size:62.5%;overflow-x:hidden;scroll-behavior:smooth}:root{--accent1: #00f5c3;--accent2: #ff2e88;--gradient: linear-gradient(135deg, var(--accent1), var(--accent2));--bg: #0d0d1a;--surface: #11111d;--text-primary: #f0f2f5;--text-secondary: #a9a9d4;--border: rgba(255, 255, 255, .1);--shadow-color: rgba(0, 245, 195, .1);--glass-bg: rgba(17, 17, 29, .5)}body.light{--accent1: #008080;--accent2: #c71585;--bg: #f0f2f5;--surface: #ffffff;--text-primary: #1e1e2e;--text-secondary: #555;--border: rgba(0, 0, 0, .1);--shadow-color: rgba(0, 128, 128, .15);--glass-bg: rgba(255, 255, 255, .5)}body{background:var(--bg);color:var(--text-primary);font-family:Poppins,sans-serif;transition:background .4s,color .4s;line-height:1.5;position:relative;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}img,svg,video,canvas{max-width:100%;display:block}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent1);outline-offset:3px}section{min-height:100vh;padding:10rem 9% 4rem;position:relative;z-index:2}h1,h2,h3,h4{font-family:JetBrains Mono,monospace;font-weight:700}.heading{text-align:center;font-size:clamp(3.5rem,4vw,4.5rem);margin-bottom:5rem;color:var(--text-primary)}.heading span{background:linear-gradient(135deg,#64b5f6,#1976d2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{display:inline-flex;align-items:center;gap:.8rem;padding:1.4rem 3.2rem;background:linear-gradient(135deg,#4a4a4a,#2d2d2d);border-radius:5rem;font-size:1.6rem;font-weight:600;color:#fff;box-shadow:0 4px 15px #00000080;transition:all .3s ease;cursor:pointer;border:2px solid #666666;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,#666,#4a4a4a);border-radius:inherit;transition:left .3s ease;z-index:-1}.btn:hover{transform:translateY(-5px);box-shadow:0 15px 30px #fff3;border-color:#888}.btn.btn-secondary{background:linear-gradient(135deg,#4a4a4a,#2d2d2d);border:2px solid #666666;color:#fff;box-shadow:0 4px 15px #00000080}.btn.btn-secondary:hover{background:linear-gradient(135deg,#666,#4a4a4a);color:#fff;transform:translateY(-5px);box-shadow:0 15px 30px #fff3;border-color:#888}body.light .btn{box-shadow:0 4px 15px #00808033}body.light .btn:hover{box-shadow:0 15px 30px #0080804d}body.light .btn.btn-secondary{box-shadow:0 4px 15px #0000004d}body.light .btn.btn-secondary:hover{box-shadow:0 15px 30px #0006}.resume-btn{display:flex;width:fit-content;padding:.8rem 3.2rem;text-decoration:none;font-family:Poppins,sans-serif;font-size:1.8rem;font-weight:800;color:#fff;background:#6225e6;transition:1s;box-shadow:6px 6px #000;transform:skew(-15deg);border:none;cursor:pointer;margin-top:2rem}.resume-btn:focus{outline:none}.resume-btn:hover{transition:.5s;box-shadow:10px 10px #fbc638}.resume-btn span:nth-child(1){transition:.5s;margin-right:0}.resume-btn:hover span:nth-child(1){transition:.5s;margin-right:45px}.resume-btn span{transform:skew(15deg)}.resume-btn span:nth-child(2){width:16px;margin-left:20px;position:relative;top:3px}.resume-btn svg{width:45px;height:30px}.resume-btn path.one{transition:.4s;transform:translate(-60%)}.resume-btn path.two{transition:.5s;transform:translate(-30%)}.resume-btn:hover path.three{animation:color_anim 1s infinite .2s}.resume-btn:hover path.one{transform:translate(0);animation:color_anim 1s infinite .6s}.resume-btn:hover path.two{transform:translate(0);animation:color_anim 1s infinite .4s}@keyframes color_anim{0%{fill:#fff}50%{fill:#fbc638}to{fill:#fff}}.glass-card{background:var(--glass-bg);border:1px solid var(--border);border-radius:2rem;padding:3rem;transition:transform .4s,box-shadow .4s,border-color .4s;overflow:hidden;position:relative}.glass-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0003;border-color:var(--accent1)}body.light .glass-card{box-shadow:0 8px 32px #0000001a}#tsparticles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}.reveal{opacity:0;transform:translateY(30px) scale(.95);transition:all .8s cubic-bezier(.5,0,0,1)}.reveal.visible{opacity:1;transform:translateY(0) scale(1)}@keyframes floatImage{0%,to{transform:translateY(0)}50%{transform:translateY(-2rem)}}.header{position:fixed;top:0;left:0;width:100%;padding:2rem 9%;display:flex;justify-content:space-between;align-items:center;z-index:1000;transition:.3s}.header.sticky{background:#0d0d1af2;border-bottom:1px solid var(--border)}body.light .header.sticky{background:#fffffff2}.logo{font-size:2.8rem;font-family:JetBrains Mono,monospace;font-weight:700;color:var(--text-primary)}.logo span{color:var(--accent1)}.navbar a{font-size:1.7rem;color:var(--text-primary);margin:0 1.5rem;position:relative;transition:.3s}.navbar a:after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:3px;background:linear-gradient(90deg,var(--accent1),#00B4D8);border-radius:2px;transition:.3s}.navbar a:hover,.navbar a.active{color:var(--accent1)}.navbar a:hover:after,.navbar a.active:after{width:100%}#theme-toggle-icon{cursor:pointer;font-size:2.2rem;margin-left:2rem;transition:transform .3s}#theme-toggle-icon:hover{transform:scale(1.2) rotate(15deg)}#menu-icon{font-size:3.6rem;color:var(--text-primary);display:none;cursor:pointer}.home{display:flex;justify-content:center;align-items:center;gap:6rem;flex-wrap:wrap-reverse;text-align:left}.home-content{text-align:left;max-width:60rem}.home-content h3{font-size:clamp(2.8rem,3vw,3.2rem);font-weight:700;color:var(--text-secondary)}.home-content h1{font-size:clamp(4.5rem,7vw,7rem);font-weight:800;line-height:1.1;margin:.5rem 0}.home-content p{font-size:1.6rem;color:var(--text-secondary);margin:2rem 0 3rem;max-width:50rem;line-height:1.7}.typing-container{font-size:clamp(2.2rem,3vw,2.8rem);font-weight:700;margin:1rem 0;color:#34d399;min-height:3.5rem;position:relative;z-index:10}.typing-text{position:relative;display:inline-block}.typing-text:after{content:"";position:absolute;right:-.1em;top:0;bottom:0;width:2px;background:#34d399;animation:blink .7s infinite}@keyframes blink{0%,49%{background:#34d399}50%,to{background:transparent}}.social-media a{display:inline-flex;justify-content:center;align-items:center;font-size:3.5rem;color:var(--text-secondary);margin:3rem 2.5rem 3rem 0;transition:all .4s ease;text-decoration:none}.footer-text a{word-break:break-word}.social-media a:hover{color:var(--text-primary);transform:translateY(-5px) scale(1.1);filter:drop-shadow(0 5px 10px rgba(0,0,0,.15))}.home-img img{width:25vw;max-width:300px;object-fit:contain;border-radius:1.5rem;border:.6rem solid rgba(100,140,180,.5);box-shadow:0 0 2.5rem #648cb44d,0 0 5rem #648cb41a;animation:floatImage 4s ease-in-out infinite}.scroll-down{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;z-index:10;text-decoration:none}.scroll-down i{font-size:3.5rem;color:var(--accent1);animation:scrollDownAnim 1.5s infinite;margin-top:-1.8rem;transition:color .3s}.scroll-down:hover i{color:var(--text-primary)}.scroll-down .arrow1{animation-delay:0s}.scroll-down .arrow2{animation-delay:.15s}.scroll-down .arrow3{animation-delay:.3s}@keyframes scrollDownAnim{0%{opacity:0;transform:translateY(-10px)}50%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}.about{background:transparent;min-height:auto;padding-bottom:28.5rem;scroll-margin-top:12rem}.coding-profiles,.skills{min-height:auto;padding-top:2rem;padding-bottom:28.5rem;scroll-margin-top:12rem}.lets-talk-btn{display:inline-flex;align-items:center;gap:1rem;padding:1.4rem 4rem;font-size:1.8rem;font-weight:700;color:#64b5f6;background:transparent;border:2px solid #64B5F6;border-radius:5rem;cursor:pointer;text-decoration:none;position:relative;overflow:hidden;transition:color .4s,transform .3s,box-shadow .3s;z-index:1}.lets-talk-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,#64b5f6,#f48fb1);transition:left .4s ease;z-index:-1}.lets-talk-btn:hover{color:#fff;transform:translateY(-4px);box-shadow:0 10px 30px #64b5f666}.lets-talk-btn:hover:before{left:0}.lets-talk-btn i{transition:transform .3s}.lets-talk-btn:hover i{transform:translate(4px) rotate(-15deg)}.about-text{max-width:80rem;margin:0 auto;text-align:center}.about-text h3{font-size:3rem;margin-bottom:2rem;font-weight:700;line-height:1.2}.about-text p{font-size:1.8rem;color:var(--text-secondary);margin:2rem 0;line-height:1.8;max-width:60rem;margin-left:auto;margin-right:auto}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.about-content h3{font-size:2.6rem;margin-bottom:1rem;font-weight:700;line-height:1.2}.about-content p{font-size:1.6rem;color:var(--text-secondary);margin:2rem 0 3rem;line-height:1.8}.about-img img{width:100%;border-radius:2rem}.skill-category{margin-bottom:4rem}.skill-category-heading{font-size:2.2rem;color:var(--accent1);margin-bottom:2rem;text-align:left;font-weight:700}.skills-container{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;text-align:center}.skill-card i{font-size:5rem;margin-bottom:1rem;transition:transform .3s}.skill-card:hover i{transform:scale(1.1);text-shadow:0 0 1rem currentColor}.skill-card p{font-size:1.6rem;font-weight:600}.skill-card .devicon-c-plain{color:#a8b9cc}.skill-card .devicon-java-plain{color:#f89820}.skill-card .devicon-python-plain{color:#3572a5}.skill-card .devicon-html5-plain{color:#e34f26}.skill-card .devicon-css3-plain{color:#1572b6}.skill-card .devicon-javascript-plain{color:#f7df1e}.skill-card .devicon-bootstrap-plain{color:#7952b3}.skill-card .devicon-git-plain{color:#f05032}.skill-card .devicon-react-original{color:#61dafb}.skill-card .fas.fa-database{color:#00758f}.skill-card .devicon-amazonwebservices-plain{color:#f90}.skill-card .devicon-cplusplus-plain{color:#00599c}.skill-card .devicon-nodejs-plain{color:#68a063}.skill-card .devicon-mongodb-plain{color:#4db33d}.skill-card .devicon-typescript-plain{color:#3178c6}.skill-card .devicon-docker-plain{color:#2496ed}.skill-card .devicon-figma-plain{color:#f24e1e}.profiles-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4rem}.profile-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;text-decoration:none}.profile-icon img{height:8rem;width:auto;object-fit:contain;transition:transform .3s,filter .3s}.profile-name{font-size:1.6rem;font-weight:600;color:var(--text-primary);transition:color .3s}.profile-icon:hover img{transform:scale(1.1) translateY(-5px);filter:drop-shadow(0 10px 15px var(--shadow-color))}.profile-icon:hover .profile-name{color:var(--accent1)}.projects{background:transparent}.certifications{background:var(--bg)}.projects-container,.certifications-container{display:grid;grid-template-columns:repeat(2,1fr);gap:2.5rem;position:relative}.project-card,.certificate-block{display:flex;flex-direction:column;background:var(--bg)}body.light .project-card,body.light .certificate-block{background:var(--surface)}.project-card img,.certificate-block img{width:100%;height:20rem;object-fit:cover;border-top-left-radius:1.5rem;border-top-right-radius:1.5rem}.project-content,.certificate-content{padding:2.5rem;display:flex;flex-direction:column;flex-grow:1}.project-content h4,.certificate-content h3{font-size:2.2rem;color:var(--accent1);margin-bottom:1rem}.project-content p,.certificate-content p{font-size:1.5rem;color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.7}.cert-info{flex-grow:1;font-style:italic}.project-links,.certificate-content a{margin-top:auto}.project-links{display:flex;gap:1rem;flex-wrap:wrap}.contact{background:transparent}.contact form{max-width:70rem;margin:1rem auto;text-align:left}.contact form .input-group{margin-bottom:1.5rem}.contact form label{display:block;font-size:1.6rem;margin-bottom:.7rem;color:var(--text-secondary)}.contact form input,.contact form textarea{width:100%;padding:1.5rem;font-size:1.6rem;color:var(--text-primary);background:var(--bg);border-radius:.8rem;border:1px solid var(--border);transition:border-color .3s,box-shadow .3s}.contact form input:focus,.contact form textarea:focus{border-color:var(--accent1);box-shadow:0 0 .5rem var(--accent1)}.cube-btn{display:block;padding:1.4rem 3.2rem;background:transparent;outline:none;border:0;color:#d4af37;letter-spacing:.1em;font-family:JetBrains Mono,monospace;font-size:1.8rem;font-weight:700;cursor:pointer;z-index:1;margin-top:2rem;width:100%}.cube{position:relative;transition:all .5s}.cube .bg-top{position:absolute;height:10px;background:#d4af37;bottom:100%;left:5px;right:-5px;transform:skew(-45deg);margin:0;transition:all .4s}.cube .bg-top .bg-inner{bottom:0}.cube .bg{position:absolute;inset:0;background:#d4af37;transition:all .4s}.cube .bg-right{position:absolute;background:#d4af37;top:-5px;z-index:0;bottom:5px;width:10px;left:100%;transform:skew(0,-45deg);transition:all .4s}.cube .bg-right .bg-inner{left:0}.cube .bg-inner{background:var(--bg);position:absolute;inset:2px}.cube .text{position:relative;transition:all .4s}.cube:hover .bg-inner{background:#d4af37;transition:all .4s}.cube:hover .text{color:var(--bg);transition:all .4s}.cube:hover .bg-right,.cube:hover .bg,.cube:hover .bg-top{background:var(--bg)}.cube:active{z-index:9999;animation:cubeBounce .1s linear}@keyframes cubeBounce{50%{transform:scale(.9)}}.download-btn{position:relative;overflow:hidden;height:3rem;padding:0 2rem;border-radius:1.5rem;background:#2a2a3e;color:#fff;border:none;cursor:pointer;font-size:1.6rem;font-weight:600;font-family:Poppins,sans-serif;transition:all .3s ease}.download-btn:hover{transform:translateY(-3px);box-shadow:0 10px 20px #00f5c34d}.download-btn:before{content:"";position:absolute;top:0;left:0;transform:scaleX(0);transform-origin:0 50%;width:100%;height:100%;border-radius:inherit;background:linear-gradient(82.3deg,#00f5c3 10.8%,#3b82f6 94.3%);transition:all .475s;z-index:0}.download-btn:hover:before{transform:scaleX(1)}.download-btn-content{position:relative;z-index:1;display:flex;align-items:center;gap:.5rem}body.light .download-btn{background:#e0e0e0;color:#1e1e2e}body.light .download-btn:before{background:linear-gradient(82.3deg,teal 10.8%,#1d4ed8 94.3%)}body.light .download-btn:hover{box-shadow:0 10px 20px #0080804d}.footer{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;padding:2rem 9%;background:var(--bg);text-align:center}.footer-text p{font-size:1.4rem;color:var(--text-secondary)}@media(max-width:991px){html{font-size:55%}.header,.footer{padding:2rem 3%}section{padding:10rem 3% 2rem}}@media(max-width:768px){#menu-icon{display:block}.navbar{position:absolute;top:100%;left:-100%;width:100%;padding:1rem 3%;background:var(--surface);flex-direction:column;align-items:flex-start;transition:left .4s ease;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.navbar.active{left:0}.navbar a{display:block;font-size:2rem;margin:1.5rem}#theme-toggle-icon{margin-left:auto}.home{flex-direction:column-reverse;text-align:center}.social-media{justify-content:center}.home-img img,.about-img img{width:70vw;max-width:300px;margin-top:4rem}.about-content{grid-template-columns:1fr}.about{flex-direction:column-reverse}.about-content h2,.about-content h3,.about-text{text-align:center}.skills-container{grid-template-columns:repeat(2,1fr)}.projects-container,.certifications-container{grid-template-columns:1fr;gap:3rem}.project-card{margin-bottom:2rem}.btn{width:100%;justify-content:center}.project-links{width:100%}}@media(max-width:450px){html{font-size:50%}.skills-container{grid-template-columns:repeat(2,1fr)}}@media(max-width:350px){.skills-container{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--accent1);border-radius:6px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--accent2);box-shadow:0 0 1rem #00f5c380}