*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#1f2937;background:#eef2ff;font-family:Inter,sans-serif}.container{max-width:1200px;margin:0 auto;padding:24px}.card{background:#fff;border-radius:20px;padding:32px;transition:all .3s;box-shadow:0 8px 20px #4f46e51f}.card:hover{transform:scale(1.02)}.section{padding:100px 24px}.section-title{color:#4f46e5;text-align:center;margin-bottom:24px;font-size:40px;font-weight:700}.navbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#ffffffb3;width:100%;padding:16px 0;position:fixed;top:0;box-shadow:0 4px 15px #4f46e51a}.navbar-title{color:#4f46e5;font-size:22px;font-weight:700}.navbar-links a{color:#374151;margin-left:24px;font-size:16px;font-weight:500;text-decoration:none;transition:color .2s}.navbar-links a:hover{color:#4f46e5}.like-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#8b5cf6,#ec4899);border:none;border-radius:30px;padding:10px 24px;font-size:16px;font-weight:600;transition:all .25s}.like-btn:hover{transform:scale(1.05);box-shadow:0 0 15px #ec489966}.hero-social-stats{flex-direction:column;align-items:center;gap:12px;margin-top:30px;display:flex}body,.app-wrapper{color:#e5e7eb;background-color:#0000;background-image:radial-gradient(900px 500px at 30% 20%,#2a4a7859,#0000 60%),radial-gradient(800px 400px at 80% 30%,#14285059,#0000 60%),linear-gradient(#0b1424 0% 100%);background-position:0 0,0 0,0 0;background-repeat:no-repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-height:100vh;margin:0;padding:0;font-family:Inter,sans-serif;overflow-x:hidden}.app-wrapper{background:0 0!important}.navbar{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a1a73;border-bottom:1px solid #ffffff14;width:100%;padding:18px 0;position:fixed;top:0}.navbar-inner{justify-content:space-between;align-items:center;max-width:1300px;margin:0 auto;padding:0 24px;display:flex}.navbar-logo{background:linear-gradient(90deg,#fff,#d946ef);color:#0000;text-shadow:0 0 12px #d946ef66;-webkit-background-clip:text;font-size:28px;font-weight:800}.navbar-logo span{background:linear-gradient(90deg,#a78bfa,#ec4899);color:#0000;-webkit-background-clip:text}.navbar-links{gap:32px;transition:all .3s;display:flex}.navbar-links a{color:#d1d5db;font-size:16px;text-decoration:none;transition:all .25s;position:relative}.navbar-links a:hover{color:#fff;text-shadow:0 0 10px #ec489999}.hamburger{cursor:pointer;display:none}.bar{background:#fff;border-radius:3px;width:28px;height:3px;margin:5px 0;transition:all .3s}.bar1.open{transform:translateY(8px)rotate(45deg)}.bar2.open{opacity:0}.bar3.open{transform:translateY(-8px)rotate(-45deg)}@media (max-width:768px){.navbar-links{display:none}.hamburger{display:block}.navbar-links.mobile-open{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a1af2;border-bottom:1px solid #ffffff1a;flex-direction:column;gap:18px;width:100%;padding:20px 0;display:flex;position:absolute;top:70px;right:0;box-shadow:0 15px 25px #0000004d}.navbar-links.mobile-open a{text-align:center;padding:8px 0;font-size:18px}}.desktop-resume{background:linear-gradient(90deg,#8b5cf6,#ec4899);border-radius:30px;margin-left:20px;padding:10px 22px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-block;box-shadow:0 0 12px #ec489966;color:#fff!important}.desktop-resume:hover{transform:translateY(-2px);box-shadow:0 0 18px #ec489999}.mobile-resume{display:none}@media (max-width:768px){.desktop-resume{display:none}.mobile-resume{width:fit-content;margin:10px auto;padding:10px 20px;display:block}}.hero{color:#fff;background:radial-gradient(circle at 100% 0,#1f3c88,#050b1e 60%);justify-content:space-between;align-items:center;min-height:100vh;padding:0 10rem;display:flex}.hero-content{max-width:620px}.hero-badge{background:#ffffff14;border-radius:20px;margin-bottom:24px;padding:8px 14px;font-size:14px;display:inline-block}.hero-title{font-size:56px;font-weight:800;line-height:1.1}.hero-title span{color:#6ea8ff}.hero-role{color:#c7d2ff;margin-top:12px;font-size:22px;font-weight:500}.hero-subtitle{color:#cbd5e1;margin-top:20px;font-size:16px;line-height:1.7}.hero-tags{gap:12px;margin:28px 0;display:flex}.hero-tags span{background:#ffffff0f;border-radius:18px;padding:8px 14px;font-size:13px}.hero-actions{gap:16px;margin-bottom:32px;display:flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#4f7cff,#7aa2ff);border-radius:30px;padding:14px 26px;font-weight:600;text-decoration:none}.btn-secondary{color:#fff;border:1px solid #ffffff40;border-radius:30px;padding:14px 26px;text-decoration:none}.hero-socials{gap:14px;display:flex}.hero-socials a{color:#fff;border:1px solid #ffffff26;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;text-decoration:none;display:flex}.hero-image-wrapper{align-items:center;display:flex}.hero-card{background:linear-gradient(#1b2d55,#0a1024);border-radius:20px;width:300px;height:420px;padding:14px;position:relative;box-shadow:0 30px 60px #00000073}.hero-img{object-fit:cover;border-radius:16px;width:100%;height:100%}.hero-tech{color:#000;background:#fff;border-radius:14px;padding:6px 12px;font-size:12px;font-weight:600;position:absolute;top:16px;right:16px}.hero-exp{color:#000;background:#fff;border-radius:14px;padding:8px 14px;font-size:13px;font-weight:600;position:absolute;bottom:16px;left:16px}.hero-image-wrapper{justify-content:center;align-items:center;width:340px;height:440px;display:flex;position:relative}.image-layer{filter:blur(.2px);background:linear-gradient(#7db0ff,#4f7cff);border-radius:26px;width:300px;height:420px;position:absolute}.layer-back{opacity:.35;transform:translate(26px)translateY(-18px)}.layer-mid{opacity:.55;transform:translate(14px)translateY(-8px)}.hero-card{z-index:3;background:#eaf2ff;border-radius:26px;width:300px;height:420px;padding:6px;position:relative}.hero-img{object-fit:cover;border-radius:22px;width:100%;height:100%;transform:translate(-10px)}.about-section{max-width:1300px;margin:0 auto;padding:120px 24px}.about-title{text-align:center;color:#e5e7eb;margin-bottom:60px;font-size:48px;font-weight:800}.about-title span{background:linear-gradient(90deg,#a78bfa,#ec4899);color:#0000;-webkit-background-clip:text}.about-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:60px;display:flex}.about-card-modern{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff05;border:2px solid #a855f733;border-radius:30px;flex-direction:column;justify-content:center;align-items:center;width:360px;height:420px;display:flex;position:relative;box-shadow:0 0 35px #a855f714}.about-avatar{color:#fff;background:linear-gradient(120deg,#a855f7,#ec4899);border-radius:50%;justify-content:center;align-items:center;width:110px;height:110px;margin-bottom:25px;font-size:38px;font-weight:700;display:flex}.about-floating{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#e5e7eb;background:#00000073;border-radius:12px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;display:flex;position:absolute;box-shadow:0 0 12px #a855f726}.about-floating b{color:#c084fc}.about-floating.top-right{top:32px;right:32px}.about-floating.bottom-left{bottom:28px;left:28px}.about-name{color:#fff;margin-top:12px;font-size:22px;font-weight:700}.about-role{color:#c084fc;font-size:16px}.about-text{color:#d1d5db;max-width:650px}.about-text h3{color:#f1f5f9;margin-bottom:20px;font-size:28px;font-weight:700}.about-text p{color:#cbd5e1;margin-bottom:18px;line-height:1.7}.about-badges{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.badge{color:#e5e7eb;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:12px;padding:8px 14px;font-size:14px}.about-avatar-img{object-fit:cover;border-radius:50%;width:110px;height:110px;margin-bottom:25px;box-shadow:0 0 18px #a855f74d,0 0 28px #ec489940}@media (max-width:900px){.about-container{flex-direction:column}.about-card-modern{width:320px}.about-text{text-align:center}}.skills-section{z-index:5;max-width:1300px;margin:0 auto;padding:100px 24px;position:relative}.skills-header{text-align:center;margin-bottom:50px}.skills-subtitle{color:#94a3b8;letter-spacing:2px;text-transform:uppercase;margin-bottom:10px;font-size:14px}.skills-title{color:#e5e7eb;font-size:48px;font-weight:800}.skills-title span{background:linear-gradient(90deg,#a78bfa,#ec4899);color:#0000;-webkit-background-clip:text}.skills-desc{color:#cbd5e1;margin-top:12px;font-size:18px}.skills-category-btn{cursor:pointer;border:1px solid #ffffff1f;border-radius:9999px;align-items:center;gap:8px;padding:10px 22px;font-size:14px;font-weight:500;transition:all .3s;display:inline-flex}.skills-category-btn.active{color:#fff;background:linear-gradient(90deg,#7c3aed,#d946ef);box-shadow:0 0 20px #8b5cf659}.skills-category-btn.inactive{color:#94a3b8;background:#1e293b80}.skills-category-btn.inactive:hover{color:#fff;background:#334155cc}.skills-grid-modern{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.skill-card-modern{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:16px;padding:20px;transition:all .3s;box-shadow:0 0 18px #8b5cf614}.skill-card-modern:hover{border-color:#8b5cf673;box-shadow:0 0 20px #8b5cf64d,0 0 40px #d946ef40}.skill-card-head{color:#fff;justify-content:space-between;margin-bottom:12px;font-size:16px;display:flex}.skill-percent{color:#c084fc;font-weight:600}.skill-bar{background:#ffffff1f;border-radius:8px;width:100%;height:8px;position:relative;overflow:hidden}.skill-bar-fill{border-radius:8px;height:100%;transition:width .7s}.llm-box{background:linear-gradient(90deg,#8b5cf61f,#d946ef1f);border:1px solid #8b5cf640;border-radius:24px;padding:28px;box-shadow:0 0 22px #8b5cf61a}.llm-header{align-items:center;gap:14px;margin-bottom:20px;display:flex}.llm-badge{color:#d1d5db;background:#1e293bcc;border:1px solid #ffffff1f;border-radius:9999px;padding:6px 14px;font-size:14px;transition:all .3s}.llm-badge:hover{border-color:#a78bfa;box-shadow:0 0 14px #a78bfa40}.projects-section{z-index:5;max-width:1300px;margin:0 auto;padding:100px 24px;position:relative}.projects-title{color:#e5e7eb;text-align:center;margin-bottom:40px;font-size:48px;font-weight:800}.search-bar-container{justify-content:center;margin-bottom:24px;display:flex}.search-bar{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;width:100%;max-width:600px;padding:14px 20px;font-size:16px;transition:all .3s}.search-bar:focus{border-color:#c084fc;outline:none;box-shadow:0 0 12px #c084fc59}.domain-filter-container{flex-wrap:wrap;justify-content:center;gap:12px;margin:20px 0 40px;display:flex}.domain-chip{cursor:pointer;border:1px solid #ffffff1f;border-radius:30px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .25s}.chip-active{color:#fff;background:linear-gradient(90deg,#8b5cf6,#ec4899);box-shadow:0 0 12px #ec489959}.chip-inactive{color:#cbd5e1;background:#ffffff0f}.chip-inactive:hover{background:#ffffff1f}.projects-grid{border-top:1px solid #ffffff1a;grid-template-columns:1fr 200px;display:grid}.project-card{display:contents}.project-card-title{color:#fff;background:#ffffff08;border-bottom:1px solid #ffffff14;padding:20px;font-size:18px;transition:all .25s}.project-card-desc{text-align:right;color:#cbd5e1;background:#ffffff05;border-bottom:1px solid #ffffff14;padding:20px;font-size:16px}.project-card-desc b{color:#c084fc;background:#8b5cf62e;border:1px solid #8b5cf666;border-radius:20px;padding:6px 14px;font-weight:600;box-shadow:0 0 8px #8b5cf64d}.project-hover:hover .project-card-title,.project-hover:hover .project-card-desc{background:#ffffff0f;transform:translateY(-2px);box-shadow:inset 0 0 15px #8b5cf640}.pagination-controls{justify-content:center;align-items:center;gap:20px;margin-top:40px;display:flex}.pagination-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#8b5cf6,#ec4899);border:none;border-radius:10px;padding:12px 24px;font-weight:600;transition:all .25s}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 0 12px #ec489959}.pagination-info{color:#d1d5db;font-size:18px;font-weight:600}.exp-section{color:#e5e7eb;max-width:1200px;margin:0 auto;padding:120px 24px}.exp-header{text-align:center;margin-bottom:60px}.exp-subtitle{color:#94a3b8;letter-spacing:2px;text-transform:uppercase;font-size:14px}.exp-title{font-size:48px;font-weight:800}.exp-title span{background:linear-gradient(90deg,#a78bfa,#ec4899);color:#0000;-webkit-background-clip:text}.exp-desc{color:#cbd5e1;margin-top:10px;font-size:18px}.exp-grid{grid-template-columns:repeat(auto-fit,minmax(480px,1fr));gap:32px;display:grid}.exp-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:20px;padding:28px;transition:all .3s;box-shadow:0 0 20px #a855f71a}.exp-card:hover{transform:translateY(-5px);box-shadow:0 0 35px #a855f733}.exp-type{color:#c084fc;background:#8b5cf633;border-radius:8px;margin-bottom:14px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.exp-row{color:#94a3b8;justify-content:space-between;margin-bottom:12px;font-size:14px;display:flex}.exp-role{color:#fff;font-size:22px;font-weight:700}.exp-company{color:#c084fc;margin-bottom:14px;font-weight:500}.exp-list{margin-top:10px;padding-left:20px}.exp-list li{color:#d1d5db;margin-bottom:8px;line-height:1.6}.edu-section{z-index:5;max-width:1300px;margin:0 auto;padding:100px 24px;position:relative}.edu-header{text-align:center;margin-bottom:50px}.edu-subtitle{color:#94a3b8;letter-spacing:2px;text-transform:uppercase;font-size:14px}.edu-title{color:#e5e7eb;margin-top:10px;font-size:48px;font-weight:800}.edu-title span{background:linear-gradient(90deg,#a78bfa,#ec4899);color:#0000;-webkit-background-clip:text}.edu-grid{grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:30px;display:grid}.edu-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:20px;padding:28px;transition:all .25s;box-shadow:0 0 18px #8b5cf626}.edu-card:hover{border-color:#8b5cf666;transform:translateY(-6px);box-shadow:0 0 20px #8b5cf659,0 0 35px #ec489940}.edu-degree{color:#fff;margin-bottom:10px;font-size:22px;font-weight:700}.edu-college{color:#cbd5e1;margin-bottom:14px;font-size:16px}.edu-row{color:#a3b3c6;justify-content:space-between;margin-bottom:18px;font-size:14px;display:flex}.edu-score{color:#c084fc;background:#8b5cf62e;border:1px solid #8b5cf666;border-radius:20px;padding:8px 14px;font-weight:600;display:inline-block;box-shadow:0 0 10px #8b5cf659}.certs-section{max-width:1300px;margin:0 auto;padding:100px 24px}.certs-header{text-align:center;margin-bottom:50px}.certs-subtitle{color:#94a3b8;letter-spacing:2px;text-transform:uppercase;font-size:14px}.certs-title{color:#e5e7eb;margin-top:10px;font-size:48px;font-weight:800}.certs-title span{background:linear-gradient(90deg,#a78bfa,#ec4899);color:#0000;-webkit-background-clip:text}.certs-desc{color:#cbd5e1;margin-top:12px;font-size:18px}.certs-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:30px;display:grid}.cert-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:20px;padding:28px;transition:all .3s;box-shadow:0 0 18px #8b5cf626}.cert-card:hover{border-color:#8b5cf659;transform:translateY(-6px);box-shadow:0 0 20px #8b5cf666,0 0 40px #ec489940}.cert-title{color:#fff;font-size:22px;font-weight:700}.cert-org{color:#c084fc;margin-top:6px;font-size:16px}.cert-row{color:#cbd5e1;margin-top:14px;font-size:14px}.cert-desc{color:#d1d5db;margin-top:18px;line-height:1.6}.contact-section{text-align:center;max-width:1300px;margin:0 auto;padding:120px 24px}.contact-sub{color:#a78bfa;letter-spacing:2px;text-transform:uppercase;font-size:14px}.contact-main-title{margin:10px 0;font-size:48px;font-weight:800}.contact-main-title span{background:linear-gradient(90deg,#a78bfa,#ec4899);color:#0000;-webkit-background-clip:text}.contact-text{color:#cbd5e1;max-width:600px;margin:0 auto 40px;font-size:18px}.contact-grid{grid-template-columns:1fr 1fr;gap:40px;display:grid}@media (max-width:900px){.contact-grid{grid-template-columns:1fr}}.contact-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:20px;padding:30px}.contact-card-title{margin-bottom:24px;font-size:22px;font-weight:700}.contact-row{text-align:left;gap:16px;margin-bottom:20px;display:flex}.icon{font-size:26px}.label{color:#94a3b8;font-size:14px}.contact-value{color:#e5e7eb;font-size:16px;text-decoration:none}.contact-value:hover{color:#c084fc}.social-section{text-align:left;margin-top:30px}.social-icons{flex-wrap:wrap;gap:12px;margin-top:10px;display:flex}.social-btn{color:#e5e7eb;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:8px 14px;font-size:14px;text-decoration:none}.social-btn:hover{background:#ffffff1f;border-color:#c084fc}.contact-message-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;padding:30px}.msg-title{margin-bottom:20px;font-size:22px;font-weight:700}input,textarea{color:#fff;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;width:100%;margin-bottom:16px;padding:14px 18px}input:focus,textarea:focus{border-color:#c084fc;outline:none;box-shadow:0 0 12px #c084fc4d}.input-row{gap:16px;display:flex}@media (max-width:600px){.input-row{flex-direction:column}}.send-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#8b5cf6,#ec4899);border:none;border-radius:14px;width:100%;padding:16px;font-size:18px;font-weight:600;transition:all .3s}.send-btn:hover{transform:translateY(-3px);box-shadow:0 0 14px #ec489959}