:root{--navy:#081a33;--navy2:#102b50;--blue:#4da3ff;--ink:#10233d;--muted:#65758b;--bg:#fff;--soft:#f4f8fc;--line:#dfe8f2;--card:#fff;--shadow:0 20px 60px rgba(12,38,70,.10);--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,sans-serif;color:var(--ink);background:var(--bg);line-height:1.7}body.dark{--bg:#071321;--soft:#0b1c2f;--ink:#edf5ff;--muted:#aab8c8;--line:#203650;--card:#0e2239;--shadow:0 20px 60px rgba(0,0,0,.28)}a{text-decoration:none;color:inherit}.container{width:min(1160px,calc(100% - 40px));margin:auto}.section{padding:110px 0}.section-soft{background:var(--soft)}.navbar{position:fixed;z-index:20;top:0;width:100%;transition:.3s;background:rgba(255,255,255,.78);backdrop-filter:blur(18px);border-bottom:1px solid transparent}.dark .navbar{background:rgba(7,19,33,.78)}.navbar.scrolled{box-shadow:0 8px 30px rgba(0,0,0,.07);border-color:var(--line)}.nav-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-family:"Plus Jakarta Sans";font-weight:800;font-size:18px}.brand-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--blue);margin-right:8px}.nav-links{display:flex;gap:22px;font-size:13px;font-weight:600}.nav-links a{color:var(--muted)}.nav-links a:hover{color:var(--blue)}.nav-actions{display:flex;align-items:center;gap:10px}.theme-btn,.menu-btn{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:12px;width:40px;height:40px;cursor:pointer}.menu-btn{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--navy);color:white;border:0;padding:14px 22px;border-radius:13px;font-weight:700;cursor:pointer;box-shadow:0 12px 30px rgba(8,26,51,.16);transition:.25s}.btn:hover{transform:translateY(-2px);background:var(--navy2)}.btn-outline{background:transparent;color:var(--ink);border:1px solid var(--line);box-shadow:none}.btn-small{padding:10px 16px;font-size:13px}.hero{min-height:760px;padding-top:170px;background:radial-gradient(circle at 80% 20%,#dceeff 0,transparent 32%),linear-gradient(135deg,var(--bg),var(--soft))}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:80px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2px;color:var(--blue);margin:0 0 15px}.hero h1{font-family:"Plus Jakarta Sans";font-size:clamp(42px,6vw,72px);line-height:1.05;margin:0 0 16px;letter-spacing:-3px}.hero h1 span{color:var(--blue)}.hero h2{font-size:24px;margin:0 0 18px}.lead{font-size:17px;color:var(--muted);max-width:650px}.hero-buttons{display:flex;gap:12px;margin:30px 0}.hero-meta{display:flex;gap:25px;font-size:13px;color:var(--muted)}.hero-meta span:first-child{color:#18844b}.hero-visual{position:relative;min-height:500px;display:grid;place-items:center}.profile-frame{width:min(390px,78vw);height:490px;overflow:hidden;border-radius:190px 190px 28px 28px;border:10px solid rgba(255,255,255,.8);box-shadow:var(--shadow);position:relative;z-index:2}.profile-frame img,.about-image img{width:100%;height:100%;object-fit:cover}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-a{width:360px;height:360px;background:#bfe2ff;opacity:.6;right:0}.orb-b{width:130px;height:130px;background:#e8f4ff;left:30px;bottom:35px}.floating-card{position:absolute;z-index:3;background:var(--card);padding:16px 20px;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.floating-card strong{display:block;font-size:25px}.floating-card small{color:var(--muted)}.card-top{top:75px;right:0}.card-bottom{bottom:65px;left:0}.section-heading{max-width:720px;margin-bottom:55px}.section-heading h2,.contact-section h2{font-family:"Plus Jakarta Sans";font-size:clamp(30px,4vw,48px);line-height:1.15;margin:0 0 12px;letter-spacing:-1.5px}.section-heading>p:last-child{color:var(--muted)}.about-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:center}.about-image{height:480px;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.facts{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:28px}.facts div{border-bottom:1px solid var(--line);padding-bottom:15px}.facts small{display:block;color:var(--muted);font-size:12px}.facts strong{font-size:15px}.about-content p{color:var(--muted)}.text-link{font-weight:800;color:var(--blue)}.stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:70px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.stats div{padding:30px;border-right:1px solid var(--line)}.stats div:last-child{border:0}.stats strong{display:block;font:800 34px "Plus Jakarta Sans"}.stats span{font-size:13px;color:var(--muted)}.skill-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.skill-card,.project,.edu-card,.cert,.testimonial{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 10px 40px rgba(12,38,70,.05)}.skill-card{padding:28px}.icon{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:var(--soft);color:var(--blue);font-size:22px}.skill-card h3{margin:20px 0 7px}.skill-card p,.skill-card small{color:var(--muted);font-size:13px}.meter{height:6px;background:var(--soft);border-radius:10px;margin-top:20px;overflow:hidden}.meter span{height:100%;display:block;background:var(--blue);border-radius:10px}.timeline{border-left:2px solid var(--line);margin-left:12px;padding-left:40px}.timeline-item{position:relative;padding-bottom:45px}.timeline-dot{position:absolute;left:-49px;top:4px;width:16px;height:16px;background:var(--blue);border:4px solid var(--soft);border-radius:50%}.timeline time{font-size:12px;color:var(--blue);font-weight:800}.timeline h3{margin:8px 0 0}.timeline h4{margin:0;color:var(--muted);font-weight:600}.timeline p{color:var(--muted)}.filters{display:flex;gap:8px;margin-bottom:28px;flex-wrap:wrap}.filters button{padding:10px 17px;border:1px solid var(--line);border-radius:30px;background:var(--card);color:var(--muted);cursor:pointer}.filters button.active{background:var(--navy);color:white;border-color:var(--navy)}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.project{overflow:hidden}.project img{width:100%;height:280px;object-fit:cover;display:block;transition:.4s}.project:hover img{transform:scale(1.03)}.project-body{padding:24px}.project-body>span{font-size:11px;color:var(--blue);font-weight:800;text-transform:uppercase}.project-body h3{margin:5px 0}.project-body p{color:var(--muted);margin-top:0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:60px}.subheading{margin-bottom:20px}.edu-card{padding:25px;margin-bottom:15px}.edu-card span,.edu-card p,.cert span{display:block;color:var(--muted);font-size:13px}.edu-card h3{margin:7px 0}.cert-grid{display:grid;gap:15px}.cert{padding:18px;display:flex;gap:15px;align-items:center}.cert-icon{width:44px;height:44px;border-radius:12px;background:var(--soft);display:grid;place-items:center;color:var(--blue)}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.testimonial{margin:0;padding:30px;font-size:16px}.testimonial footer{margin-top:25px;color:var(--muted);font-size:12px}.contact-section{background:var(--navy);color:white}.contact-section .lead{color:#b8c8db}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.contact-list{display:grid;gap:12px;margin-top:30px}.contact-list a{display:flex;gap:12px;align-items:center;color:#dce9f7}.contact-form{background:white;padding:28px;border-radius:var(--radius);display:grid;gap:13px}.contact-form input,.contact-form textarea{width:100%;padding:14px 16px;border:1px solid #d9e3ee;border-radius:12px;font:inherit;outline:none}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--blue)}.form-note{color:#237a4b;font-size:13px;margin:0}.footer{background:#051326;color:#b8c8db;padding:30px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px}.footer strong{color:white}.footer p{margin:3px 0}.socials{display:flex;gap:18px}.socials a:hover{color:white}.backtop{position:fixed;right:24px;bottom:24px;z-index:10;width:44px;height:44px;border-radius:50%;border:0;background:var(--blue);color:white;cursor:pointer;opacity:0;pointer-events:none;transition:.3s}.backtop.show{opacity:1;pointer-events:auto}.loader{position:fixed;inset:0;background:var(--bg);z-index:100;display:grid;place-items:center;transition:.5s}.loader.hide{opacity:0;pointer-events:none}.loader-ring{width:44px;height:44px;border:3px solid var(--line);border-top-color:var(--blue);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.reveal{opacity:0;transform:translateY(22px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:980px){.nav-links{position:absolute;top:76px;left:20px;right:20px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;display:none;flex-direction:column;box-shadow:var(--shadow)}.nav-links.open{display:flex}.menu-btn{display:block}.nav-actions .btn-small{display:none}.hero-grid,.about-grid,.contact-grid{grid-template-columns:1fr}.hero{padding-top:130px}.hero-visual{min-height:520px}.skill-grid{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}.testimonial-grid{grid-template-columns:1fr}.about-image{max-width:520px}.contact-grid{gap:40px}}
@media(max-width:640px){.container{width:min(100% - 28px,1160px)}.section{padding:75px 0}.hero h1{font-size:43px;letter-spacing:-2px}.hero-buttons{flex-direction:column;align-items:stretch}.hero-meta{flex-direction:column;gap:5px}.hero-visual{min-height:450px}.profile-frame{height:420px}.card-top{right:0;top:40px}.card-bottom{left:0;bottom:25px}.stats{grid-template-columns:1fr 1fr}.stats div{border-bottom:1px solid var(--line)}.stats div:nth-child(2){border-right:0}.skill-grid,.portfolio-grid{grid-template-columns:1fr}.about-image{height:380px}.footer-inner{flex-direction:column;align-items:flex-start}.socials{flex-wrap:wrap}.contact-form{padding:20px}}