:root{--primary:#1e30f3;--secondary:#e21e80;--ink:#172033;--muted:#65708a;--soft:#f5f7ff;--card:#fff;--border:#e8ebf4;--shadow:0 18px 45px rgba(30,48,243,.10)}
*{box-sizing:border-box}body{font-family:'Plus Jakarta Sans',sans-serif;color:var(--ink);background:#fff}.navbar{backdrop-filter:blur(14px);background:rgba(255,255,255,.93)!important;border-bottom:1px solid rgba(232,235,244,.9)}.navbar-brand{font-weight:800;letter-spacing:-.04em}.gradient-text{background:linear-gradient(120deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;color:transparent}.btn-gradient{background:linear-gradient(120deg,var(--primary),var(--secondary));border:0;color:#fff;box-shadow:0 10px 24px rgba(30,48,243,.22)}.btn-gradient:hover{color:#fff;transform:translateY(-2px)}.hero{padding:7rem 0 5rem;background:radial-gradient(circle at 15% 20%,rgba(30,48,243,.12),transparent 30%),radial-gradient(circle at 85% 25%,rgba(226,30,128,.10),transparent 28%),linear-gradient(#fff,#fbfbff)}.eyebrow{display:inline-flex;gap:.5rem;align-items:center;padding:.55rem .9rem;border-radius:999px;background:#fff;border:1px solid var(--border);box-shadow:0 8px 25px rgba(21,32,61,.05);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.hero h1{font-size:clamp(2.7rem,6vw,5.4rem);line-height:1.02;letter-spacing:-.055em;font-weight:800}.hero-copy{font-size:1.12rem;color:var(--muted);max-width:700px}.profile-shell{width:min(420px,90vw);aspect-ratio:1;border-radius:36px;background:linear-gradient(145deg,var(--primary),var(--secondary));padding:12px;box-shadow:0 30px 70px rgba(30,48,243,.22);transform:rotate(2deg)}.profile-shell img{width:100%;height:100%;object-fit:cover;border-radius:28px;background:#eef1ff}.stat-card,.service-card,.project-card,.timeline-card,.skill-card,.contact-card{background:var(--card);border:1px solid var(--border);border-radius:22px;box-shadow:0 12px 35px rgba(21,32,61,.06)}.stat-card{padding:1.4rem}.stat-card strong{font-size:1.75rem}.section{padding:6rem 0}.section-soft{background:var(--soft)}.section-title{font-size:clamp(2rem,4vw,3.5rem);font-weight:800;letter-spacing:-.045em}.section-copy{color:var(--muted);max-width:720px}.skill-pill,.tech-badge{display:inline-flex;align-items:center;padding:.48rem .72rem;border-radius:999px;background:#f3f5ff;border:1px solid #e4e7fb;font-weight:700;font-size:.78rem;margin:.2rem}.service-card,.skill-card,.timeline-card{padding:1.6rem;height:100%}.icon-box{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;font-size:1.25rem}.project-card{height:100%;overflow:hidden;transition:.25s ease}.project-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.project-visual{height:170px;display:flex;align-items:flex-end;padding:1.25rem;color:#fff;background:linear-gradient(135deg,var(--primary),var(--secondary));position:relative;overflow:hidden}.project-visual:after{content:'';position:absolute;width:170px;height:170px;border-radius:50%;background:rgba(255,255,255,.16);right:-55px;top:-45px}.project-visual i{font-size:2.2rem}.project-body{padding:1.35rem}.project-body p{color:var(--muted);font-size:.93rem}.filter-btn{border:1px solid var(--border);background:#fff;border-radius:999px;padding:.55rem .9rem;font-weight:700;color:var(--ink)}.filter-btn.active,.filter-btn:hover{background:linear-gradient(120deg,var(--primary),var(--secondary));color:#fff;border-color:transparent}.timeline{position:relative}.timeline:before{content:'';position:absolute;left:15px;top:5px;bottom:5px;width:2px;background:linear-gradient(var(--primary),var(--secondary))}.timeline-item{position:relative;padding-left:52px;margin-bottom:1.5rem}.timeline-dot{position:absolute;left:6px;top:20px;width:20px;height:20px;border-radius:50%;background:#fff;border:5px solid var(--primary)}.footer{background:#12172a;color:#dbe1ff;padding:2.2rem 0}.footer a{color:#fff;text-decoration:none}.form-control{border-radius:14px;padding:.9rem 1rem;border-color:var(--border)}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 .2rem rgba(30,48,243,.12)}@media(max-width:991px){.hero{text-align:center;padding-top:5rem}.hero-copy{margin-inline:auto}.profile-shell{margin:2.5rem auto 0}.navbar-nav{padding-top:1rem}.section{padding:4rem 0}}