.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:1.5rem 0;transition:all var(--transition-normal);background:transparent}.navbar.scrolled{padding:1rem 0;background:#050505d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.05);box-shadow:0 4px 30px #0000001a}.navbar-container{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;color:var(--text-primary);text-decoration:none;letter-spacing:-.5px}.logo-accent{color:var(--accent-primary)}.nav-links{display:flex;gap:var(--spacing-md);align-items:center}.nav-link{color:var(--text-secondary);font-size:.95rem;font-weight:500;transition:color var(--transition-fast);position:relative}.nav-link:hover{color:var(--text-primary)}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--accent-gradient);transition:width var(--transition-normal)}.nav-link:hover:after{width:100%}.menu-toggle{display:none;color:var(--text-primary)}@media(max-width:768px){.menu-toggle{display:block;z-index:1001}.nav-links{position:fixed;top:0;right:-100%;width:100%;height:100vh;background:var(--bg-color);flex-direction:column;justify-content:center;align-items:center;transition:right var(--transition-normal);z-index:1000}.nav-links.active{right:0}.nav-link{font-size:1.5rem}}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding-top:var(--spacing-lg);background:radial-gradient(ellipse at top,#1e1b4b,#0f172a 40%,#020617)}.hero-background{position:absolute;inset:0;z-index:-1;overflow:hidden}.hero-blob{position:absolute;border-radius:50%;filter:blur(100px);opacity:.4;animation:float 10s infinite ease-in-out}.blob-1{width:600px;height:600px;background:radial-gradient(circle,var(--accent-primary),transparent 70%);top:-20%;left:-10%;animation-delay:0s}.blob-2{width:500px;height:500px;background:radial-gradient(circle,var(--accent-secondary),transparent 70%);bottom:-10%;right:-10%;animation-delay:-5s}.blob-3{width:400px;height:400px;background:radial-gradient(circle,#3b82f6,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-2.5s;opacity:.3}.hero-content{text-align:center;z-index:1;max-width:800px}.hero-greeting{font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-xs);background:linear-gradient(to right,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}.hero-name{font-size:4rem;font-weight:800;margin-bottom:var(--spacing-sm);line-height:1.1;background:linear-gradient(to right,#fff,#ccc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-title{font-size:2rem;color:var(--text-secondary);margin-bottom:var(--spacing-md);font-weight:600;display:flex;align-items:center;justify-content:center;gap:4px}.cursor{animation:blink 1s step-end infinite;color:var(--accent-primary)}.hero-summary{font-size:1.1rem;color:var(--text-secondary);margin-bottom:var(--spacing-lg);line-height:1.6;max-width:600px;margin-left:auto;margin-right:auto}.hero-actions{display:flex;gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-xl)}.btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:var(--border-radius-full);font-weight:600;transition:all var(--transition-normal);text-decoration:none;font-size:1rem}.btn-primary{background:var(--accent-primary);color:#fff}.btn-primary:hover{background:var(--accent-secondary);transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.btn-secondary{background:#ffffff1a;color:var(--text-primary);border:1px solid rgba(255,255,255,.1)}.btn-secondary:hover{background:#ffffff26;transform:translateY(-2px)}.hero-socials{display:flex;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-md);position:relative;z-index:10}.social-link{color:var(--text-secondary);transition:all var(--transition-normal);padding:10px;border-radius:50%;background:#ffffff0d;display:flex;align-items:center;justify-content:center}.social-link:hover{color:var(--accent-primary);background:#ffffff1a;transform:translateY(-2px)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes float{0%{transform:translate(0)}50%{transform:translate(20px,20px)}to{transform:translate(0)}}@media(max-width:768px){.hero-name{font-size:2.5rem}.hero-title{font-size:1.5rem}.hero-actions{flex-direction:column;align-items:center}.btn{width:100%;justify-content:center}}.about-section{background:var(--bg-secondary);position:relative}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);align-items:center}.about-text-column{display:flex;flex-direction:column;gap:var(--spacing-md)}.about-summary{font-size:1.125rem;line-height:1.8;color:var(--text-primary);font-weight:500}.about-description{font-size:1rem;line-height:1.7;color:var(--text-secondary)}.about-stats{display:flex;gap:var(--spacing-lg);margin-top:var(--spacing-md)}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-value{font-size:2.5rem;font-weight:800;color:var(--accent-primary);line-height:1;margin-bottom:var(--spacing-xs)}.stat-label{font-size:.875rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.about-visual-column{display:flex;justify-content:center;perspective:1000px}.tech-stack-card{background:#1e1e1e;border-radius:var(--border-radius-lg);padding:var(--spacing-md);width:100%;max-width:450px;box-shadow:var(--box-shadow-glow);transform:rotateY(-5deg) rotateX(5deg);transition:transform var(--transition-normal)}.tech-stack-card:hover{transform:rotateY(0) rotateX(0)}.card-header{display:flex;gap:8px;margin-bottom:var(--spacing-md)}.dot{width:12px;height:12px;border-radius:50%}.red{background:#ff5f56}.yellow{background:#ffbd2e}.green{background:#27c93f}.card-body{font-family:Fira Code,monospace;font-size:.9rem;color:#abb2bf;line-height:1.6}.code-line{margin-bottom:4px}.indent{margin-left:var(--spacing-md)}.double-indent{margin-left:var(--spacing-lg)}.keyword{color:#c678dd}.class-name{color:#e5c07b}.function{color:#61afef}.string{color:#98c379}@media(max-width:768px){.about-content{grid-template-columns:1fr}.tech-stack-card{transform:none;margin-top:var(--spacing-md)}.about-stats{justify-content:center;flex-wrap:wrap}}.experience-section{background:var(--bg-color)}.timeline-container{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-xl)}.timeline-block{position:relative}.timeline-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding-left:20px;border-left:4px solid var(--accent-primary)}.timeline-icon{color:var(--accent-primary)}.timeline-title{font-size:1.75rem;font-weight:700;color:var(--text-primary)}.timeline-items{position:relative;border-left:2px solid rgba(255,255,255,.1);margin-left:360px;padding-left:5rem}.timeline-item{position:relative;margin-bottom:var(--spacing-xl)}.timeline-item:last-child{margin-bottom:0}.timeline-left{position:absolute;left:-400px;top:4px;width:280px;text-align:right;display:flex;flex-direction:column;align-items:flex-end}.timeline-date{font-size:1.1rem;font-weight:600;color:var(--accent-secondary);margin-bottom:4px}.timeline-loc{font-size:.9rem;color:var(--text-secondary)}.timeline-marker{position:absolute;left:-101px;top:0;width:40px;height:40px;border-radius:50%;background:var(--bg-secondary);border:2px solid var(--accent-secondary);box-shadow:0 0 15px #38bdf84d;z-index:1;display:flex;align-items:center;justify-content:center;color:var(--accent-secondary);transition:all var(--transition-normal)}.edu-marker{border-color:var(--accent-primary);color:var(--accent-primary);box-shadow:0 0 15px #818cf84d}.timeline-item:hover .timeline-marker{transform:scale(1.1);background:var(--accent-secondary);color:#fff;box-shadow:0 0 20px #38bdf899}.timeline-item:hover .edu-marker{background:var(--accent-primary);color:#fff;box-shadow:0 0 20px #818cf899}.timeline-content{background:transparent}.timeline-role{font-size:1.4rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.timeline-company{font-size:1.1rem;color:var(--text-secondary);margin-bottom:var(--spacing-md);font-weight:500}.timeline-desc{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-sm)}.timeline-tasks{list-style:disc;padding-left:var(--spacing-md);color:var(--text-secondary)}.timeline-tasks li{margin-bottom:6px;line-height:1.5;font-size:.95rem}@media(max-width:768px){.timeline-container{gap:var(--spacing-lg);padding:0 var(--spacing-sm)}.timeline-header{margin-bottom:var(--spacing-md);padding-left:0;border-left:none;display:flex;align-items:center}.timeline-items{margin-left:0;padding-left:4.5rem;border-left:2px solid rgba(255,255,255,.1);margin-left:1rem}.timeline-left{position:static;width:100%;text-align:left;align-items:flex-start;margin-bottom:var(--spacing-xs)}.timeline-marker{left:calc(-4.5rem - 21px);width:40px;height:40px}.timeline-role{font-size:1.25rem}.timeline-date{font-size:.95rem;color:var(--accent-primary);font-weight:700;margin-bottom:2px}.timeline-loc{font-size:.85rem}}.skills-section{background:var(--bg-color);position:relative;overflow:hidden}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md);padding:var(--spacing-xs);justify-content:center}@media(max-width:600px){.skills-grid{grid-template-columns:1fr}}.skill-card{background:#ffffff05;border-radius:16px;padding:2rem;transition:all var(--transition-normal);border:1px solid rgba(255,255,255,.05);position:relative;overflow:hidden;display:flex;flex-direction:column;height:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.skill-card:after{content:"";position:absolute;inset:0;border-radius:16px;padding:1px;background:linear-gradient(135deg,#ffffff1a,#fff0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.5;transition:opacity var(--transition-normal)}.skill-card:hover{transform:translateY(-8px);background:#ffffff0a;box-shadow:0 20px 40px #0006}.skill-card:hover:after{background:var(--accent-gradient);opacity:1}.skill-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:2rem;padding-bottom:0;border-bottom:none}.skill-icon{color:var(--accent-secondary);background:#38bdf81a;width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal);box-shadow:0 4px 12px #0003}.skill-card:hover .skill-icon{background:var(--accent-primary);color:#fff;transform:scale(1.1) rotate(5deg);box-shadow:0 8px 20px #818cf866}.skill-category{font-size:1.25rem;font-weight:700;color:var(--text-primary);letter-spacing:-.5px}.skills-list{display:flex;flex-wrap:wrap;gap:10px}.skill-tag{background:transparent;color:var(--text-secondary);padding:8px 16px;border-radius:50px;font-size:.9rem;font-weight:500;border:1px solid rgba(255,255,255,.1);transition:all var(--transition-fast);cursor:default}.skill-tag:hover{background:#ffffff14;color:var(--text-primary);border-color:var(--accent-secondary);transform:translateY(-2px)}@media(max-width:768px){.skills-grid{grid-template-columns:1fr}.skill-card{padding:var(--spacing-md)}}.projects-section{background:var(--bg-secondary)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.project-card{background:var(--bg-color);padding:var(--spacing-md);border-radius:var(--border-radius-md);transition:all var(--transition-normal);display:flex;flex-direction:column;height:100%;position:relative;border:1px solid rgba(255,255,255,.05);cursor:pointer}.project-card:hover{transform:translateY(-5px);border-color:var(--accent-primary);box-shadow:var(--box-shadow-md)}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-sm)}.folder-icon{color:var(--accent-primary)}.project-title{font-size:1.25rem;color:var(--text-primary);margin-bottom:4px;font-weight:600}.project-company{font-size:.85rem;color:var(--accent-secondary);margin-bottom:var(--spacing-sm);font-family:monospace}.project-description-preview{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:var(--spacing-md);flex-grow:1}.project-tech-stack{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.tech-tag{font-size:.75rem;font-family:monospace;color:var(--text-secondary);background:#ffffff0d;padding:2px 6px;border-radius:4px}.load-more-container{text-align:center;margin-top:var(--spacing-lg);display:flex;justify-content:center}.load-more-btn{position:relative;padding:12px 32px;background:transparent;color:var(--text-primary);border:1px solid var(--accent-primary);font-size:1rem;font-weight:500;border-radius:50px;cursor:pointer;overflow:hidden;transition:all var(--transition-normal);z-index:1;letter-spacing:.5px}.load-more-btn:before{content:"";position:absolute;top:0;left:0;width:0%;height:100%;background:var(--accent-gradient);transition:width var(--transition-normal);z-index:-1}.load-more-btn:hover{color:#fff;border-color:transparent;box-shadow:0 0 20px #818cf866;transform:translateY(-2px)}.load-more-btn:hover:before{width:100%}.load-more-btn:active{transform:translateY(0)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);animation:fadeIn .3s ease-out}.modal-content{background:var(--bg-secondary);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;position:relative;border:1px solid rgba(255,255,255,.1);box-shadow:var(--box-shadow-lg);animation:scaleUp .3s ease-out}.modal-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);color:var(--text-secondary);padding:4px;border-radius:50%;transition:all var(--transition-fast)}.modal-close:hover{color:var(--text-primary);background:#ffffff1a}.modal-title{font-size:2rem;color:var(--text-primary);margin-bottom:4px}.modal-meta{margin-bottom:var(--spacing-md);color:var(--accent-secondary);font-family:monospace;font-size:1rem}.modal-role{color:var(--text-secondary)}.modal-section-title{font-size:1.1rem;color:var(--accent-primary);margin-bottom:var(--spacing-sm);margin-top:var(--spacing-md);text-transform:uppercase;letter-spacing:1px}.modal-description{color:var(--text-secondary);line-height:1.8;font-size:1rem;margin-bottom:var(--spacing-md)}.modal-list{list-style-type:disc;padding-left:var(--spacing-md);margin-bottom:var(--spacing-md);color:var(--text-secondary)}.modal-list li{margin-bottom:8px;line-height:1.6}.modal-tech-stack{display:flex;flex-wrap:wrap;gap:10px}.modal-tech-tag{background:#818cf81a;color:var(--accent-primary);padding:6px 12px;border-radius:20px;font-size:.9rem;border:1px solid rgba(129,140,248,.2)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:768px){.projects-grid{grid-template-columns:1fr}.modal-content{padding:var(--spacing-md)}}.services-section{background:var(--bg-color)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.service-card{background:var(--bg-secondary);padding:var(--spacing-lg);border-radius:var(--border-radius-lg);text-align:center;transition:transform var(--transition-normal);position:relative;z-index:1;border:1px solid rgba(255,255,255,.05)}.service-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#6366f11a,#ec48991a);z-index:-1;opacity:0;transition:opacity var(--transition-normal);border-radius:var(--border-radius-lg)}.service-card:hover{transform:translateY(-10px);border-color:#6366f14d}.service-card:hover:before{opacity:1}.service-icon-wrapper{background:var(--bg-color);width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-md);color:var(--accent-primary);box-shadow:var(--box-shadow-sm);transition:color var(--transition-fast),transform var(--transition-fast)}.service-card:hover .service-icon-wrapper{color:var(--accent-secondary);transform:scale(1.1)}.service-title{font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.service-description{color:var(--text-secondary);line-height:1.6;font-size:.95rem}.contact-section{background:var(--bg-color);text-align:center;padding:var(--spacing-xl) 0}.contact-container{max-width:900px;margin:0 auto}.contact-text{color:var(--text-secondary);font-size:1.1rem;max-width:600px;margin:0 auto var(--spacing-lg);line-height:1.6}.contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-top:var(--spacing-lg)}.contact-card{background:var(--bg-secondary);padding:var(--spacing-lg);border-radius:var(--border-radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-primary);text-decoration:none;transition:transform var(--transition-normal),background-color var(--transition-normal);min-height:200px;border:1px solid rgba(255,255,255,.05)}.contact-card:hover{transform:translateY(-5px);background:#252525;border-color:#ffffff1a}.icon-box{margin-bottom:var(--spacing-sm);display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:16px;transition:all var(--transition-normal)}.email-icon{color:#3b82f6;background:#3b82f61a}.contact-card:hover .email-icon{background:#3b82f633;box-shadow:0 0 15px #3b82f64d}.linkedin-icon{color:#0a66c2;background:#0a66c21a}.contact-card:hover .linkedin-icon{background:#0a66c233;box-shadow:0 0 15px #0a66c24d}.phone-icon{color:#22c55e;background:#22c55e1a}.contact-card:hover .phone-icon{background:#22c55e33;box-shadow:0 0 15px #22c55e4d}.card-title{font-size:1.25rem;font-weight:700;margin-bottom:8px;color:var(--text-primary)}.card-value{color:var(--text-secondary);font-size:.95rem;word-break:break-word}@media(max-width:768px){.contact-cards{grid-template-columns:1fr;max-width:400px;margin-left:auto;margin-right:auto}}.footer{padding:var(--spacing-md) 0;background:var(--bg-color);border-top:1px solid rgba(255,255,255,.1);margin-top:auto;text-align:center}.footer-content{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:var(--spacing-sm)}.copyright{color:#6b7280;font-size:.9rem}.footer-links{display:flex;gap:var(--spacing-md)}.footer-links a{color:var(--text-secondary);font-size:.9rem}.footer-links a:hover{color:var(--accent-primary)}@media(max-width:768px){.footer-content{justify-content:center;flex-direction:column}}:root{--bg-color: #020617;--bg-secondary: #0f172a;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--accent-primary: #22d3ee;--accent-secondary: #a855f7;--accent-gradient: linear-gradient(135deg, #06b6d4, #7c3aed);--font-family-base: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-size-base: 16px;--line-height-base: 1.6;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 6rem;--border-radius-sm: 6px;--border-radius-md: 12px;--border-radius-lg: 20px;--box-shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--box-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5), 0 2px 4px -1px rgba(0, 0, 0, .3);--box-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .6), 0 10px 10px -5px rgba(0, 0, 0, .4);--box-shadow-glow: 0 0 25px rgba(129, 140, 248, .15);--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--bg-color: #ffffff;--bg-secondary: #f8fafc;--text-primary: #0f172a;--text-secondary: #475569;--box-shadow-glow: 0 0 15px rgba(99, 102, 241, .2)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--text-primary);background-color:var(--bg-color);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;width:100%;overflow-x:hidden;transition:background-color var(--transition-normal),color var(--transition-normal)}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-primary)}button{font-family:inherit;cursor:pointer;border:none;background:none}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--text-secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-sm)}.section{padding:var(--spacing-xl) 0}.heading-container{text-align:center;margin-bottom:var(--spacing-lg)}.section .container>.heading{display:block;margin-left:auto;margin-right:auto}.heading{font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-lg);text-align:center;color:var(--text-primary);position:relative;padding-bottom:0;letter-spacing:-.5px}.subheading{font-size:1.25rem;color:var(--text-secondary);text-align:center;margin-bottom:var(--spacing-md)}