@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";
:root{--bg:#090b10;--surface:#161a25;--surface-hover:#1f2535;--border:#ffffff14;--border-active:#00e5ff;--primary:#00e5ff;--secondary:#7000ff;--text-main:#fff;--text-muted:#a0abc0;--btn-bg:linear-gradient(135deg, #00e5ff, #00a3ff);--btn-text:#000;--nav-bg:#090b10d9;--shadow-sm:0 10px 30px #0006;--shadow-hover:0 20px 40px #00e5ff26;--radius:24px}[data-theme=light]{--bg:#f4f6f8;--surface:#fff;--surface-hover:#f8f9fa;--border:#0000000f;--border-active:#0070f3;--primary:#0062ff;--secondary:#7000ff;--text-main:#1a202c;--text-muted:#4a5568;--btn-bg:linear-gradient(135deg, #0062ff, #00a3ff);--btn-text:#fff;--nav-bg:#ffffffe6;--shadow-sm:0 10px 30px #0000000d;--shadow-hover:0 20px 40px #0062ff26}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:120px;font-family:Outfit,sans-serif;overflow-x:hidden}body{background-color:var(--bg);color:var(--text-main);background-image:radial-gradient(circle at 100% 0,#00e5ff14,#0000 40%),radial-gradient(circle at 0 100%,#7000ff14,#0000 40%);line-height:1.6;transition:background-color .4s,color .4s;overflow-x:hidden}[data-theme=light] body{background-image:radial-gradient(circle at 100% 0,#0062ff0d,#0000 40%),radial-gradient(circle at 0 100%,#7000ff0d,#0000 40%)}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}ul{list-style:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.section{padding-top:6rem;padding-bottom:6rem}.section-header{text-align:center;letter-spacing:-1px;margin-bottom:4rem;font-size:3rem;font-weight:800}.text-gradient{background:linear-gradient(135deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;padding:2.5rem;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s;display:flex}.card:hover{box-shadow:var(--shadow-hover);transform:translateY(-8px)}.btn{cursor:pointer;text-align:center;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:1rem 2rem;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:700;transition:all .3s;display:inline-flex}.btn-primary{background:var(--btn-bg);color:var(--btn-text);box-shadow:0 4px 15px #0000001a}.btn-primary:hover{box-shadow:var(--shadow-hover);transform:scale(1.05)}.btn-outline{background:var(--surface);border:2px solid var(--border);color:var(--text-main)}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}.navbar{z-index:1000;background:var(--nav-bg);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);width:100%;transition:background .3s;position:fixed;top:0;left:0}.nav-container{justify-content:space-between;align-items:center;height:120px;display:flex}.nav-logo{letter-spacing:-1px;font-size:1.8rem;font-weight:800}.nav-links{align-items:center;gap:2.5rem;font-size:1.05rem;font-weight:600;display:flex}.nav-links a{transition:color .2s;position:relative}.nav-links a:after{content:"";background:var(--primary);width:0%;height:2px;transition:all .3s;position:absolute;bottom:-5px;left:0}.nav-links a:hover{color:var(--primary)}.nav-links a:hover:after{width:100%}.nav-toggle-btn{color:var(--text-main);cursor:pointer;background:0 0;border:none;font-size:2.5rem;display:none}.theme-btn{background:var(--surface);border:1px solid var(--border);cursor:pointer;width:45px;height:45px;color:var(--text-main);border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;transition:all .3s;display:flex}.theme-btn:hover{border-color:var(--primary);color:var(--primary);transform:rotate(15deg)}.hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;min-height:calc(100vh - 120px);padding-top:2rem;display:grid}.hero-content{flex-direction:column;align-items:flex-start;display:flex}.hero-greeting{color:var(--primary);margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.hero-title{letter-spacing:-2px;margin-bottom:1rem;font-size:clamp(3.5rem,6vw,5.5rem);font-weight:800;line-height:1.1}.hero-subtitle{color:var(--text-main);opacity:.9;margin-bottom:2rem;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:600}.hero-desc{color:var(--text-muted);max-width:650px;margin-bottom:2.5rem;font-size:1.15rem;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:1rem;display:flex}.hero-visual{justify-content:center;display:flex;position:relative}.hero-visual:before{content:"";background:radial-gradient(circle, var(--primary) 0%, transparent 70%);opacity:.15;filter:blur(40px);z-index:0;position:absolute;inset:-10%}.hero-image-box{aspect-ratio:1;background:linear-gradient(135deg, var(--primary), var(--secondary));z-index:1;width:100%;max-width:450px;box-shadow:var(--shadow-hover);border-radius:50%;padding:.5rem;display:flex;position:relative}.hero-image{object-fit:cover;border:6px solid var(--bg);border-radius:50%;width:100%;height:100%}.timeline-track{flex-direction:column;gap:3rem;max-width:900px;margin:0 auto;display:flex;position:relative}.timeline-track:before{content:"";background:var(--border);z-index:0;width:2px;position:absolute;top:0;bottom:0;left:40px}.experience-card{z-index:1;align-items:flex-start;gap:2.5rem;display:flex;position:relative}.experience-logo{background:var(--surface);border:2px solid var(--border);width:80px;height:80px;box-shadow:var(--shadow-sm);z-index:2;border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.experience-logo img{object-fit:cover;width:100%;height:100%}.experience-details{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid #0000;flex:1;padding:2.5rem;transition:all .3s}.experience-details:hover{border-color:var(--border-active);box-shadow:var(--shadow-hover);transform:translate(10px)}.experience-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.experience-role{color:var(--text-main);font-size:1.6rem;font-weight:800}.experience-period{color:var(--primary);background:#00e5ff1a;border-radius:30px;padding:.4rem 1.2rem;font-size:.95rem;font-weight:700}.experience-company{color:var(--text-muted);align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:1.2rem;font-weight:600;display:inline-flex}.experience-company:hover{color:var(--primary)}.experience-bullets{color:var(--text-muted);flex-direction:column;gap:1rem;padding-left:1.5rem;font-size:1.1rem;list-style-type:disc;display:flex}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,350px),1fr));gap:2.5rem;display:grid}.project-card{border:1px solid #0000;padding:0;overflow:hidden}.project-card:hover{border-color:var(--border-active)}.project-banner{background:var(--surface-hover);width:100%;height:240px;position:relative;overflow:hidden}.project-banner img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.project-card:hover .project-banner img{transform:scale(1.05)}.project-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#000c;border:1px solid #fff3;border-radius:30px;padding:.4rem 1rem;font-size:.85rem;font-weight:700;position:absolute;top:1.5rem;right:1.5rem}.project-body{flex-direction:column;flex:1;padding:2.5rem;display:flex}.project-title{color:var(--text-main);margin-bottom:1rem;font-size:1.6rem;font-weight:800}.project-desc{color:var(--text-muted);flex:1;margin-bottom:2rem;font-size:1.05rem}.project-link{color:var(--primary);align-items:center;gap:.5rem;margin-top:auto;font-size:1.1rem;font-weight:700;display:inline-flex}.project-link transition{transition:transform .2s}.project-link:hover{color:var(--secondary)}.project-link:hover span{transform:translate(5px)}.github-banner{border:1px solid var(--border);text-align:center;background:linear-gradient(135deg,#00e5ff0d,#7000ff0d);border-radius:24px;flex-direction:column;align-items:center;gap:1.5rem;width:100%;margin-top:4rem;padding:4rem 2rem;transition:transform .3s,box-shadow .3s;display:flex}.github-banner:hover{box-shadow:var(--shadow-hover);border-color:var(--primary);transform:translateY(-5px)}.github-banner h3{color:var(--text-main);font-size:2rem;font-weight:800}.github-banner p{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:1.1rem}.skills-cluster-container{flex-direction:column;align-items:center;gap:4rem;display:flex}.skills-cluster-group{flex-direction:column;align-items:center;gap:1.5rem;width:100%;display:flex}.skills-cluster-title{color:var(--text-main);text-transform:uppercase;letter-spacing:2px;align-items:center;font-size:1.6rem;font-weight:800;display:flex}.skills-pill-wrap{flex-wrap:wrap;justify-content:center;gap:1.2rem;max-width:900px;display:flex}.skill-pill{background:var(--surface);border:1px solid var(--border);color:var(--text-main);cursor:default;border-radius:50px;padding:1rem 2rem;font-size:1.1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 15px #0000001a}.skill-pill:before{content:"";background:linear-gradient(135deg, var(--primary), var(--secondary));opacity:0;z-index:0;width:100%;height:100%;transition:all .3s;position:absolute;top:0;left:0}.skill-pill:hover:before{opacity:1}.skill-pill span{z-index:1;transition:color .3s;position:relative}.skill-pill:hover span{color:var(--bg)}.skill-pill:hover{box-shadow:var(--shadow-hover);border-color:#0000;transform:scale(1.05)translateY(-5px)}.contact-section{padding-bottom:0}.contact-split{border:1px solid var(--border);background:radial-gradient(circle,#7000ff0d,#0000 70%);border-radius:40px;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;margin-bottom:6rem;padding:4rem;display:grid}.contact-left{flex-direction:column;gap:1.5rem;display:flex}.contact-headline{letter-spacing:-2px;font-size:clamp(3rem,5vw,4.5rem);font-weight:800;line-height:1.1}.contact-desc{color:var(--text-muted);max-width:500px;font-size:1.25rem;line-height:1.6}.contact-right{flex-direction:column;gap:1.5rem;display:flex}.contact-card{background:var(--surface);border:1px solid var(--border);color:var(--text-main);box-shadow:var(--shadow-sm);border-radius:20px;justify-content:space-between;align-items:center;padding:1.5rem 2rem;font-size:1.25rem;font-weight:700;transition:all .3s;display:flex}.contact-card:hover{border-color:var(--primary);color:var(--primary);box-shadow:var(--shadow-hover);transform:translate(-10px)}.footer-meta{border-top:1px solid var(--border);color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;padding:2rem 0;font-size:1rem;display:flex}.footer-links{gap:2rem;font-weight:600;display:flex}.footer-links a:hover{color:var(--primary);text-decoration:underline}@media (max-width:1024px){.hero-grid{text-align:center;grid-template-columns:1fr;gap:3rem;padding-top:4rem}.hero-content{align-items:center}.hero-actions{justify-content:center}.hero-visual{order:-1}.timeline-track:before{display:none;left:50%;transform:translate(-50%)}.contact-split{text-align:center;grid-template-columns:1fr;padding:3rem 2rem}.contact-left{align-items:center}}@media (max-width:768px){.nav-links.desktop{display:none}.nav-toggle-btn{display:block}.nav-mobile-menu{background:var(--nav-bg);border-bottom:1px solid var(--border);width:100%;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(20px);flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;display:flex;position:absolute;top:100%;left:0}.section-header{margin-bottom:3rem;font-size:2.2rem}.hero-title{letter-spacing:-1px;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;font-size:clamp(2rem,8vw,3rem)}.hero-subtitle{font-size:1.5rem}.experience-card{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;width:100%}.experience-logo{border-radius:24px;width:100px;height:100px}.experience-details{word-wrap:break-word;width:100%;padding:1.5rem 1rem}.experience-details:hover{transform:translateY(-3px)}.experience-header{flex-direction:column;justify-content:center;gap:.5rem}.experience-bullets{text-align:left;font-size:.95rem}.btn{width:100%;padding:.8rem 1rem}.hero-actions{flex-direction:column;width:100%}.contact-split{text-align:center;border-radius:24px;grid-template-columns:1fr;padding:2.5rem 1rem}.contact-left{align-items:center}.contact-card{text-align:center;flex-direction:column;justify-content:center;gap:1rem;padding:1.25rem 1rem}.contact-card:hover{transform:translateY(-3px)}.footer-meta{text-align:center;flex-direction:column;gap:1rem}.projects-grid{gap:1.5rem}.project-body{padding:1.5rem}}