@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--bg:#0a0a0f;--bg-card:#111118;--accent:#00f5a0;--accent2:#00d9f5;--text:#e8e8f0;--text-muted:#889;--border:#ffffff14;--radius:12px;--nav-height:70px;--shadow-card:0 4px 24px #00000059;--shadow-hover:0 12px 40px #00000080;--glow:#00f5a02e;--accent-subtle:#00f5a01a;--bg-dots:radial-gradient(circle, #ffffff0e 1px, transparent 1px);--bg-dots-size:26px 26px}.light-mode{--bg:#faf7f2;--bg-card:#fff;--accent:#0a9b6e;--accent2:#0891b2;--text:#1a1a2e;--text-muted:#6b6570;--border:#00000014;--shadow-card:0 2px 16px #00000012, 0 1px 4px #0000000a;--shadow-hover:0 8px 32px #0000001f;--glow:#0a9b6e24;--accent-subtle:#0a9b6e1a;--bg-dots:radial-gradient(circle, #0001 1px, transparent 1px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg);background-image:var(--bg-dots);background-size:var(--bg-dots-size);color:var(--text);font-family:Inter,Segoe UI,sans-serif;transition:background .3s,color .3s;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}::selection{color:var(--text);background:#00f5a040}.has-custom-cursor *{cursor:none!important}#cursor-dot,#cursor-ring{display:none}.has-custom-cursor #cursor-dot{background:var(--accent);pointer-events:none;z-index:99999;will-change:transform;border-radius:1px;width:7px;height:7px;transition:width .15s,height .15s,opacity .15s,box-shadow .15s;display:block;position:fixed;top:0;left:0;box-shadow:0 0 8px #00f5a0e6,0 0 16px #00f5a066}.has-custom-cursor #cursor-ring{border:1.5px solid var(--accent);pointer-events:none;z-index:99998;opacity:.55;will-change:transform;border-radius:3px;width:28px;height:28px;transition:width .25s,height .25s,opacity .25s,background .25s,border-color .25s;display:block;position:fixed;top:0;left:0}.has-custom-cursor.cursor-hovering #cursor-dot{opacity:0;width:0;height:0}.has-custom-cursor.cursor-hovering #cursor-ring{opacity:.8;background:#00f5a00f;width:46px;height:46px}.has-custom-cursor.cursor-clicking #cursor-dot{width:12px;height:12px;box-shadow:0 0 14px #00f5a0,0 0 28px #00f5a099}.has-custom-cursor.cursor-clicking #cursor-ring{opacity:1;width:18px;height:18px}.project-card.has-preview.touch-flipped .card-front{opacity:0;transform:scale(.95)}.project-card.has-preview.touch-flipped .card-back{opacity:1;transform:scale(1)}@media (hover:none){.project-card:active{border-color:var(--accent);box-shadow:var(--shadow-hover);transform:scale(.98)}.skill-category:active{box-shadow:var(--shadow-hover);border-color:#00f5a040}.skill-category:active:before{transform:scaleX(1)}.timeline-card:active{border-color:var(--accent);opacity:1}.btn-primary:active{box-shadow:0 2px 10px var(--glow);transform:scale(.97)}.btn-outline:active,.btn-resume:active{background:var(--accent);color:#0a0a0f}}#navbar{height:var(--nav-height);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);z-index:1000;background:#0a0a0fd9;transition:background .3s,box-shadow .3s;position:fixed;top:0;left:0;right:0}.nav-container{justify-content:space-between;align-items:center;max-width:1100px;height:100%;margin:0 auto;padding:0 2rem;display:flex}.light-mode #navbar{background:#ffffffeb;border-bottom:1px solid #0000000f;box-shadow:0 1px 20px #00000012}.logo{letter-spacing:-.5px;font-size:1.4rem;font-weight:800;transition:color .2s}.logo:hover,.logo span{color:var(--accent)}.nav-links{gap:2rem;display:flex}.nav-links a{color:var(--text-muted);padding-bottom:2px;font-size:.9rem;font-weight:500;transition:color .2s;position:relative}.nav-links a:after{content:"";background:linear-gradient(to right, var(--accent), var(--accent2));border-radius:2px;width:0;height:2px;transition:width .25s;position:absolute;bottom:-2px;left:0}.nav-links a:hover,.nav-links a.active{color:var(--accent)}.nav-links a:hover:after,.nav-links a.active:after{width:100%}#theme-toggle{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:8px;padding:.4rem .75rem;font-size:1rem;transition:border-color .2s,background .2s}#theme-toggle:hover{border-color:var(--accent);background:var(--accent-subtle)}.hamburger{color:var(--text);cursor:pointer;background:0 0;border:none;font-size:1.5rem;display:none}.btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#0a0a0f;border-radius:var(--radius);box-shadow:0 4px 16px var(--glow);padding:.75rem 1.8rem;font-size:.9rem;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-block}.btn-primary:hover{box-shadow:0 8px 28px var(--glow);transform:translateY(-2px)}.light-mode .btn-primary{color:#fff}.btn-outline{border:1.5px solid var(--accent);color:var(--accent);border-radius:var(--radius);padding:.75rem 1.8rem;font-size:.9rem;font-weight:600;transition:background .2s,color .2s,box-shadow .2s;display:inline-block}.btn-outline:hover{background:var(--accent);color:#0a0a0f;box-shadow:0 4px 16px var(--glow)}.light-mode .btn-outline:hover{color:#fff}.btn-resume{border:1.5px solid var(--accent);color:var(--accent);border-radius:var(--radius);padding:.75rem 1.8rem;font-size:.9rem;font-weight:600;transition:background .2s,color .2s,box-shadow .2s;display:inline-block}.btn-resume:hover{background:var(--accent);color:#0a0a0f;box-shadow:0 4px 16px var(--glow)}.light-mode .btn-resume:hover{color:#fff}section{align-items:center;min-height:100vh;padding:100px 2rem;display:flex;position:relative}section:not(#hero):before{content:"";background:linear-gradient(to right, transparent 0%, var(--accent) 30%, var(--accent2) 70%, transparent 100%);opacity:.5;pointer-events:none;height:1px;position:absolute;top:0;left:0;right:0}section:not(#hero):after{content:"";background:linear-gradient(to right, transparent 0%, var(--accent) 30%, var(--accent2) 70%, transparent 100%);opacity:.12;filter:blur(5px);pointer-events:none;height:7px;position:absolute;top:-3px;left:0;right:0}.light-mode section:not(#hero):before{opacity:.35}.light-mode section:not(#hero):after{opacity:.1}.section-container{width:100%;max-width:1100px;margin:0 auto}.section-title{letter-spacing:-1px;margin-bottom:3rem;padding-bottom:1.25rem;font-size:2.5rem;font-weight:800;position:relative}.section-title:after{content:"";background:linear-gradient(to right, var(--accent), var(--accent2));border-radius:2px;width:48px;height:3px;position:absolute;bottom:0;left:0}.section-title span{color:var(--accent)}#hero{padding-top:var(--nav-height);background-color:var(--bg);background-image:radial-gradient(ellipse 70% 80% at 80% 50%, #00f5a00d 0%, transparent 65%), radial-gradient(ellipse 50% 60% at 20% 85%, #00d9f50a 0%, transparent 55%), var(--bg-dots);background-size:auto, auto, var(--bg-dots-size);justify-content:center;align-items:center;min-height:100vh;padding-left:2rem;padding-right:2rem;display:flex;position:relative;overflow:hidden}.light-mode #hero{background-image:radial-gradient(ellipse 70% 80% at 80% 50%, #0a9b6e0d 0%, transparent 65%), var(--bg-dots);background-size:auto, var(--bg-dots-size)}.hero-content{z-index:1;max-width:650px;animation:.8s forwards fadeUp}.hero-tag{color:var(--accent);letter-spacing:3px;text-transform:uppercase;margin-bottom:1rem;font-size:.85rem;font-weight:600}#hero h1{letter-spacing:-2px;margin-bottom:1.5rem;font-size:clamp(2.2rem,5vw,3.6rem);font-weight:900;line-height:1.1}#hero h1 span{color:var(--accent)}.hero-name-line{white-space:nowrap;display:inline-block}.hero-sub{color:var(--text-muted);max-width:520px;margin-bottom:2.5rem;font-size:1.1rem;line-height:1.8}.hero-btns{flex-wrap:wrap;gap:1rem;display:flex}.blob{pointer-events:none;background:radial-gradient(circle,#00f5a014,#0000 70%);border-radius:50%;width:600px;height:600px;animation:5s ease-in-out infinite pulse;position:absolute;top:50%;right:-150px;transform:translateY(-50%)}.light-mode .blob{background:radial-gradient(circle,#0a9b6e0f,#0000 70%)}.about-grid{grid-template-columns:280px 1fr;align-items:center;gap:3rem;display:grid}.about-img{border:3px solid var(--accent);width:280px;height:280px;box-shadow:0 0 40px var(--glow), 0 0 80px #00f5a00d;border-radius:50%;flex-shrink:0;transition:box-shadow .3s,transform .3s;overflow:hidden}.about-img:hover{box-shadow:0 0 55px var(--glow), 0 0 100px #00f5a014;transform:scale(1.02)}.about-img img{object-fit:cover;object-position:72% 10%;width:100%;height:100%;transition:transform .3s;display:block}body:not(.light-mode) #profile-pic{transform-origin:68% 38%;transform:scale(1.55)}.about-text p{color:var(--text-muted);margin-bottom:1.2rem;font-size:1.05rem;line-height:1.85}#projects{background-color:var(--bg-card);background-image:var(--bg-dots);background-size:var(--bg-dots-size)}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.project-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);min-height:320px;box-shadow:var(--shadow-card);padding:2rem;transition:transform .3s,border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.light-mode .project-card{border-color:#0000000f}.project-card:hover{border-color:var(--accent);box-shadow:var(--shadow-hover);transform:translateY(-6px)}.card-front{flex-direction:column;height:100%;transition:opacity .4s,transform .4s;display:flex}.card-back{opacity:0;background:var(--bg);transition:opacity .4s,transform .4s;position:absolute;inset:0;overflow:hidden;transform:scale(1.05)}.card-back img{object-fit:contain;object-position:center;width:100%;height:100%;display:block}.card-back-overlay{background:linear-gradient(#00000014 0%,#000000a6 100%);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.project-card.has-preview:hover .card-front{opacity:0;transform:scale(.95)}.project-card.has-preview:hover .card-back{opacity:1;transform:scale(1)}.project-img{margin-bottom:1rem;font-size:2.8rem}.project-card h3{margin-bottom:.75rem;font-size:1.15rem;font-weight:700}.project-card p{color:var(--text-muted);flex:1;margin-bottom:0;font-size:.9rem;line-height:1.6}.project-tags{border-top:1px solid var(--border);flex-wrap:wrap;gap:.4rem;margin-top:auto;padding-top:1rem;display:flex}.project-tags span{background:var(--bg-card);color:var(--accent);letter-spacing:.2px;border:1px solid #00f5a02e;border-radius:6px;padding:.2rem .65rem;font-size:.74rem;font-weight:600;transition:border-color .2s,background .2s,color .2s}.light-mode .project-tags span{background:#f0faf6;border-color:#0a9b6e33}.project-card:hover .project-tags span{background:#00f5a00f;border-color:#00f5a066}.light-mode .project-card:hover .project-tags span{background:#0a9b6e12;border-color:#0a9b6e59}.project-card.has-preview .card-front .btn-outline{display:none}#experience{background-color:var(--bg);background-image:var(--bg-dots);background-size:var(--bg-dots-size)}.timeline{max-width:700px;margin:0 auto;padding:1rem 0;position:relative}.timeline:before{content:"";background:linear-gradient(to bottom, var(--accent), var(--accent2));opacity:.35;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline-item{justify-content:flex-start;align-items:flex-start;width:50%;margin-bottom:3rem;padding-right:3rem;display:flex;position:relative}.timeline-dot{z-index:1;background:#00f5a01f;border:2px solid #00f5a040;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:20px;right:-20px}.timeline-dot:after{content:"🚀";filter:grayscale(.5);opacity:.6;font-size:1rem}.timeline-item:first-child .timeline-dot{background:linear-gradient(135deg, var(--accent), var(--accent2));border:none;animation:2s ease-in-out infinite glowPulse;box-shadow:0 0 20px #00f5a099,0 0 40px #00f5a033}.timeline-item:first-child .timeline-dot:after{filter:none;opacity:1}.timeline-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-align:left;opacity:.72;width:100%;box-shadow:var(--shadow-card);padding:1.5rem;transition:border-color .3s,transform .3s,box-shadow .3s,opacity .3s}.timeline-item:first-child .timeline-card{opacity:1;border-color:var(--accent);box-shadow:0 0 25px #00f5a033, var(--shadow-hover)}.timeline-card:hover{border-color:var(--accent);opacity:1;box-shadow:var(--shadow-hover);transform:translateY(-4px)}.timeline-item:first-child .timeline-card:hover{box-shadow:0 0 25px #00f5a033, var(--shadow-hover)}.timeline-date{background:var(--accent-subtle);color:var(--accent);letter-spacing:.3px;border:1px solid #00f5a040;border-radius:999px;margin-bottom:.8rem;padding:.2rem .8rem;font-size:.78rem;font-weight:600;display:inline-block}.light-mode .timeline-date{border-color:#0a9b6e33}.timeline-card h3{color:var(--text);margin-bottom:.4rem;font-size:1.1rem;font-weight:700}.timeline-company{color:var(--text-muted);margin-bottom:.8rem;font-size:.85rem;font-weight:500}.timeline-card p{color:var(--text-muted);font-size:.9rem;line-height:1.6}.timeline-list{margin-bottom:1rem;padding:0;list-style:none}.timeline-list li{color:var(--text-muted);padding:.25rem 0 .25rem 1.2rem;font-size:.9rem;line-height:1.6;position:relative}.timeline-list li:before{content:"▹";color:var(--accent);font-size:.9rem;position:absolute;left:0}.timeline-tags{flex-wrap:wrap;gap:.4rem;margin-top:.8rem;display:flex}.timeline-tags span{color:var(--text-muted);border:1px solid var(--border);background:#ffffff0d;border-radius:999px;padding:.15rem .65rem;font-size:.75rem;font-weight:600}#skills{background-color:var(--bg-card);background-image:var(--bg-dots);background-size:var(--bg-dots-size)}.skills-categories{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.skill-category{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:1.75rem;transition:border-color .3s,box-shadow .3s,transform .3s;position:relative;overflow:hidden}.skill-category:before{content:"";background:linear-gradient(to right, var(--accent), var(--accent2));transform-origin:0;height:2px;transition:transform .35s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.skill-category:hover{box-shadow:var(--shadow-hover);border-color:#00f5a040;transform:translateY(-3px)}.light-mode .skill-category:hover{border-color:#0a9b6e33}.skill-category:hover:before{transform:scaleX(1)}.skill-cat-header{border-bottom:1px solid var(--border);align-items:center;gap:.85rem;margin-bottom:1.25rem;padding-bottom:1.25rem;display:flex}.skill-cat-icon{background:var(--accent-subtle);width:42px;height:42px;color:var(--accent);border:1px solid #00f5a02e;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;transition:background .2s,box-shadow .2s;display:inline-flex}.light-mode .skill-cat-icon{border-color:#0a9b6e26}.skill-category:hover .skill-cat-icon{box-shadow:0 0 12px var(--glow);background:#00f5a026}.skill-cat-title{color:var(--text);letter-spacing:-.2px;font-size:.95rem;font-weight:700;line-height:1.3}.skill-cat-count{color:var(--text-muted);margin-top:.15rem;font-size:.75rem;font-weight:500;display:block}.skill-chips{flex-wrap:wrap;gap:.5rem;display:flex}.skill-chips span{background:var(--bg-card);color:var(--text-muted);border:1px solid var(--border);border-radius:999px;padding:.35rem .9rem;font-size:.82rem;font-weight:500;transition:color .2s,border-color .2s}.skill-category:hover .skill-chips span{color:var(--text);border-color:#00f5a033}.light-mode .skill-category:hover .skill-chips span{border-color:#0a9b6e33}#contact{background-color:var(--bg);background-image:var(--bg-dots);background-size:var(--bg-dots-size)}.contact-sub{color:var(--text-muted);margin-top:-2rem;margin-bottom:2.5rem;font-size:1.1rem;line-height:1.7}.contact-links{flex-wrap:wrap;gap:1rem;display:flex}footer{text-align:center;color:var(--text-muted);background-color:var(--bg-card);background-image:var(--bg-dots);background-size:var(--bg-dots-size);padding:2rem;font-size:.875rem;position:relative}footer:before{content:"";background:linear-gradient(to right, transparent 0%, var(--accent) 30%, var(--accent2) 70%, transparent 100%);opacity:.5;pointer-events:none;height:1px;position:absolute;top:0;left:0;right:0}footer:after{content:"";background:linear-gradient(to right, transparent 0%, var(--accent) 30%, var(--accent2) 70%, transparent 100%);opacity:.12;filter:blur(5px);pointer-events:none;height:7px;position:absolute;top:-3px;left:0;right:0}.light-mode footer:before{opacity:.35}.light-mode footer:after{opacity:.1}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:translateY(-50%)scale(1)}50%{transform:translateY(-50%)scale(1.08)}}@keyframes glowPulse{0%,to{box-shadow:0 0 15px #00f5a080,0 0 30px #00f5a033}50%{box-shadow:0 0 25px #00f5a0cc,0 0 50px #00f5a066}}@media (width<=768px){.nav-links{display:none}.nav-links.open{top:var(--nav-height);background-color:var(--bg);background-image:var(--bg-dots);background-size:var(--bg-dots-size);border-bottom:1px solid var(--border);flex-direction:column;gap:1.2rem;padding:1.5rem 2rem;display:flex;position:absolute;left:0;right:0;box-shadow:0 8px 24px #00000026}.hamburger{display:block}#hero{text-align:center;padding-top:calc(var(--nav-height) + 2rem);flex-direction:column}.hero-btns{justify-content:center}.blob{width:300px;height:300px}.about-grid{text-align:center;grid-template-columns:1fr;justify-items:center}.about-img{width:200px;height:200px}.about-text{flex-direction:column;align-items:center;display:flex}.timeline:before{left:20px}.timeline-item{justify-content:flex-start;width:100%;padding-left:4rem;padding-right:0}.timeline-dot{width:35px;height:35px;top:15px;left:0;right:auto}}.modal-overlay{z-index:10000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;background:#000000d1;justify-content:center;align-items:center;padding:1.5rem;transition:opacity .25s;display:flex;position:fixed;inset:0}.modal-overlay[hidden]{display:none}.modal-overlay.modal-visible{opacity:1}.modal-box{background:var(--bg-card);border:1px solid var(--accent);border-radius:var(--radius);flex-direction:column;width:100%;max-width:900px;max-height:90vh;transition:transform .25s;display:flex;overflow:hidden;transform:scale(.94);box-shadow:0 0 40px #00f5a026,0 24px 64px #00000080}.modal-overlay.modal-visible .modal-box{transform:scale(1)}.modal-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.25rem .75rem;display:flex}.modal-title{color:var(--text);font-size:1rem;font-weight:700}.modal-header-right{align-items:center;gap:1rem;display:flex}.modal-counter{color:var(--text-muted);font-size:.8rem;font-weight:500}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 .2rem;font-size:1.6rem;line-height:1;transition:color .2s}.modal-close:hover{color:var(--accent)}.modal-img-wrap{background:var(--bg);justify-content:center;align-items:center;height:460px;min-height:180px;max-height:56vh;display:flex;position:relative;overflow:hidden}.modal-img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;transition:opacity .2s;display:block}.modal-img.fading{opacity:0}.modal-nav{border:1px solid var(--border);color:#fff;cursor:pointer;z-index:2;background:#00000073;border-radius:50%;justify-content:center;align-items:center;width:2.8rem;height:2.8rem;font-size:2rem;line-height:1;transition:background .2s,border-color .2s,color .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.modal-nav:hover{background:var(--accent);border-color:var(--accent);color:#000}.modal-prev{left:.75rem}.modal-next{right:.75rem}.modal-dots{border-top:1px solid var(--border);flex-shrink:0;justify-content:center;gap:.5rem;padding:.75rem 1rem;display:flex}.modal-dot{background:var(--border);cursor:pointer;border-radius:50%;width:7px;height:7px;transition:background .2s,transform .2s}.modal-dot:hover{background:var(--text-muted)}.modal-dot.active{background:var(--accent);transform:scale(1.3)}@media (width<=600px){.modal-box{max-height:95vh}.modal-img-wrap{height:300px;max-height:52vh}.modal-nav{width:2.2rem;height:2.2rem;font-size:1.5rem}}