/* Shared full-page profile revamp. Masli and TC keep their own presentation. */
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) {
  --profile-revamp-accent: var(--profile-accent, #2A7A70);
  --profile-revamp-surface: color-mix(in srgb, var(--profile-surface) 94%, var(--profile-revamp-accent));
  background: var(--profile-bg) !important;
}
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .hero {
  min-height: 86vh !important;
  padding: 54px 20px 72px !important;
  border-bottom: 1px solid color-mix(in srgb, var(--profile-revamp-accent) 24%, var(--profile-border)) !important;
  background:
    radial-gradient(circle at 50% 20%, color-mix(in srgb, var(--profile-revamp-accent) 12%, transparent), transparent 42%),
    var(--profile-bg) !important;
}
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .hero-content { max-width: 1100px !important; }
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .hero-avatar {
  width: 112px !important; height: 112px !important; margin: 10px auto 22px !important;
  border: 2px solid var(--profile-revamp-accent) !important;
  box-shadow: 0 0 0 8px color-mix(in srgb, var(--profile-revamp-accent) 8%, transparent), 0 18px 50px color-mix(in srgb, var(--profile-revamp-accent) 20%, transparent) !important;
}
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .hero h1 {
  font-size: clamp(38px, 6vw, 76px) !important;
  background: linear-gradient(110deg, var(--profile-text) 20%, var(--profile-revamp-accent) 88%);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .hero .title { color: var(--profile-revamp-accent) !important; }
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .hero-info { gap: 12px 22px; }
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .hero-info span { padding: 8px 13px; border: 1px solid var(--profile-border); border-radius: 999px; background: var(--profile-revamp-surface); }
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .stats,
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .ownership-section,
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .experience,
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .education,
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .skills,
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .hero-articles { padding: 82px 20px !important; }
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .section-title { margin-bottom: 38px !important; font-size: clamp(32px, 5vw, 58px) !important; }
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .stat-card,
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .ownership-card,
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .edu-card,
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .skill-category,
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .career-summary article,
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .timeline-content,
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .operator-flow {
  border: 1px solid color-mix(in srgb, var(--profile-revamp-accent) 24%, var(--profile-border)) !important;
  border-radius: 22px !important;
  background: linear-gradient(145deg, var(--profile-revamp-surface), var(--profile-surface)) !important;
  box-shadow: 0 16px 42px color-mix(in srgb, var(--profile-revamp-accent) 7%, transparent) !important;
}
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .stat-card,
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .ownership-card,
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .edu-card,
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .skill-category,
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .career-summary article { transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease; }
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .stat-card:hover,
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .ownership-card:hover,
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .edu-card:hover,
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .skill-category:hover,
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .career-summary article:hover { transform: translateY(-6px); border-color: var(--profile-revamp-accent) !important; box-shadow: 0 24px 48px color-mix(in srgb, var(--profile-revamp-accent) 15%, transparent) !important; }
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .stat-number,
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .timeline-year,
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .edu-year { color: var(--profile-revamp-accent) !important; }
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .ownership-grid,
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .stats-grid { gap: 18px !important; }
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .hero-articles-grid { gap: 22px !important; }
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .article-card { border-radius: 22px !important; overflow: hidden; border-color: color-mix(in srgb, var(--profile-revamp-accent) 28%, var(--profile-border)) !important; background: linear-gradient(145deg, var(--profile-revamp-surface), var(--profile-surface)) !important; }
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .article-card:hover { transform: translateY(-7px); border-color: var(--profile-revamp-accent) !important; box-shadow: 0 24px 48px color-mix(in srgb, var(--profile-revamp-accent) 16%, transparent); }
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .article-card-img { height: 176px !important; object-fit: cover; transition: transform .55s ease, filter .35s ease; }
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .article-card:hover .article-card-img { transform: scale(1.05); filter: saturate(1.08); }
/* Cards stay visible when JavaScript, storage or a private-browser extension
   blocks the motion engine. Animation is progressive enhancement only. */
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]):not(.profile-motion-ready) .masli-reveal { opacity:1; transform:none; }
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .skills-container { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .skill-category { margin: 0; min-height: 220px; }
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .skill-tag { border-radius: 999px !important; transition: transform .25s ease, background .25s ease; }
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .skill-tag:hover { transform: translateY(-3px); background: color-mix(in srgb, var(--profile-revamp-accent) 14%, var(--profile-surface)) !important; }
@media (max-width: 900px) { body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .skills-container { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .hero { min-height: auto !important; padding: 42px 16px 54px !important; } body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .hero-avatar { width: 88px !important; height: 88px !important; } body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .stats, body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .ownership-section, body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .experience, body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .education, body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .skills, body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .hero-articles { padding: 48px 16px !important; } body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .skills-container { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .stat-card:hover, body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .ownership-card:hover, body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .edu-card:hover, body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .skill-category:hover, body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .career-summary article:hover { transform: none; } }

/* Profile-specific art direction. Each person gets a different visual mood,
   while the shared structure keeps navigation and accessibility consistent. */
body[data-profile="nurain"] { --profile-revamp-accent:#D9468C; --profile-revamp-glow:rgba(217,70,140,.18); }
body[data-profile="rozni"] { --profile-revamp-accent:#6366F1; --profile-revamp-glow:rgba(99,102,241,.18); }
body[data-profile="badrul"] { --profile-revamp-accent:#D97706; --profile-revamp-glow:rgba(217,119,6,.18); }
body[data-profile="hakim"] { --profile-revamp-accent:#10B981; --profile-revamp-glow:rgba(16,185,129,.18); }
body[data-profile="hakam"] { --profile-revamp-accent:#3B82F6; --profile-revamp-glow:rgba(59,130,246,.18); }
body[data-profile="haiqal"] { --profile-revamp-accent:#14B8A6; --profile-revamp-glow:rgba(20,184,166,.18); }
body[data-profile="firdaus"] { --profile-revamp-accent:#F97316; --profile-revamp-glow:rgba(249,115,22,.18); }
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .hero::before {
  content:""; position:absolute; inset:12% 8% auto; height:230px; border-radius:50%;
  background:radial-gradient(ellipse,var(--profile-revamp-glow),transparent 68%);
  filter:blur(12px); pointer-events:none; animation:profileAura 9s ease-in-out infinite alternate;
}
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .hero-avatar-ring { animation:profileOrbit 16s linear infinite; }
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .hero-actions-bar { border-radius:999px!important; box-shadow:0 10px 30px color-mix(in srgb,var(--profile-revamp-accent) 8%,transparent); }
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .stat-card,
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .ownership-card,
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .edu-card,
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .skill-category,
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .article-card { isolation:isolate; }
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .stat-card::before,
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .ownership-card::before,
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .edu-card::before,
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .skill-category::before,
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .article-card::before {
  content:""; position:absolute; z-index:-1; inset:-1px; border-radius:inherit;
  background:linear-gradient(125deg,transparent 28%,color-mix(in srgb,var(--profile-revamp-accent) 24%,transparent) 48%,transparent 68%);
  background-size:220% 100%; opacity:0; transition:opacity .3s ease; animation:profileCardSheen 7s ease-in-out infinite;
}
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .stat-card:hover::before,
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .ownership-card:hover::before,
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .edu-card:hover::before,
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .skill-category:hover::before,
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .article-card:hover::before { opacity:1; }
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .article-card { min-height:100%; }
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .article-card-body { padding:20px!important; }
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .article-card-date { color:var(--profile-revamp-accent)!important; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .article-card-title { font-size:clamp(18px,2vw,24px); line-height:1.2; }
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .article-card-footer { border-color:color-mix(in srgb,var(--profile-revamp-accent) 28%,var(--profile-border)); }
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .article-read-more { color:var(--profile-revamp-accent); font-weight:800; }
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .timeline::before { background:linear-gradient(var(--profile-revamp-accent),color-mix(in srgb,var(--profile-revamp-accent) 15%,transparent)); }
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .timeline-dot { background:var(--profile-revamp-accent); box-shadow:0 0 0 5px color-mix(in srgb,var(--profile-revamp-accent) 16%,transparent),0 0 22px var(--profile-revamp-glow); animation:profileNodePulse 3s ease-in-out infinite; }
body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .masli-reveal { transition-duration:.75s; }
@keyframes profileAura { from{transform:translate3d(-3%,0,0) scale(.92);opacity:.55} to{transform:translate3d(3%,12px) scale(1.08);opacity:1} }
@keyframes profileOrbit { to{transform:rotate(360deg)} }
@keyframes profileCardSheen { 0%,55%,100%{background-position:200% 0} 72%{background-position:-20% 0} }
@keyframes profileNodePulse { 0%,100%{transform:scale(.9)} 50%{transform:scale(1.12)} }
@media (prefers-reduced-motion:reduce) { body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .hero::before, body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .hero-avatar-ring, body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .timeline-dot, body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .stat-card::before, body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .ownership-card::before, body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .edu-card::before, body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .skill-category::before, body.profile-page:not([data-profile="masli"]):not([data-profile="tc"]) .article-card::before { animation:none; } }

body[data-profile="rozni"] .career-card--venture { max-width:680px; margin:0 auto; padding:28px 30px!important; border-color:rgba(99,102,241,.38)!important; background:linear-gradient(145deg,rgba(99,102,241,.12),var(--profile-surface))!important; }
body[data-profile="rozni"] .career-card--venture .timeline-dot { display:none; }
body[data-profile="rozni"] .career-card-top { display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; }
body[data-profile="rozni"] .career-card-index { color:#6366F1; font:800 11px/1 var(--ms-font-mono,monospace); letter-spacing:.14em; }
body[data-profile="rozni"] .career-card-main { display:flex; align-items:center; gap:16px; }
body[data-profile="rozni"] .career-card-icon { display:grid; width:52px; height:52px; flex:0 0 52px; place-items:center; border:1px solid rgba(99,102,241,.38); border-radius:16px; color:#6366F1; background:rgba(99,102,241,.12); }
body[data-profile="rozni"] .career-card-icon svg { width:27px; height:27px; }
body[data-profile="rozni"] .career-card-main .timeline-title { margin:0 0 5px; font-size:24px; color:var(--profile-text); }
body[data-profile="rozni"] .career-card-main .timeline-company { margin:0; color:#6366F1; font-size:11px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
body[data-profile="rozni"] .career-card--venture .timeline-desc { margin:22px 0 20px; line-height:1.75; }
body[data-profile="rozni"] .career-card-tags { display:flex; flex-wrap:wrap; gap:8px; padding-top:16px; border-top:1px solid rgba(99,102,241,.2); }
body[data-profile="rozni"] .career-card-tags span { padding:6px 10px; border:1px solid rgba(99,102,241,.25); border-radius:999px; color:var(--profile-muted); font-size:10px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }
body[data-profile="rozni"] .education .edu-card { max-width:680px; margin:0 auto; }
body[data-profile="rozni"] .education .edu-card { min-height:270px; padding:28px 30px!important; border-color:rgba(99,102,241,.35)!important; background:linear-gradient(145deg,rgba(99,102,241,.1),var(--profile-surface))!important; }
body[data-profile="rozni"] .education .edu-card-top { margin-bottom:16px; }
body[data-profile="rozni"] .education .edu-icon { width:44px; height:44px; margin-bottom:20px; border-radius:13px; color:#6366F1!important; background:rgba(99,102,241,.13)!important; border-color:rgba(99,102,241,.35)!important; }
body[data-profile="rozni"] .education .edu-icon svg { width:23px; height:23px; }
body[data-profile="rozni"] .education .edu-degree { max-width:25ch; margin-bottom:9px; font-size:23px; line-height:1.18; }
body[data-profile="rozni"] .education .edu-school { margin-bottom:20px; color:var(--profile-muted); font-size:12px; letter-spacing:.08em; text-transform:uppercase; }
body[data-profile="rozni"] .education .edu-card-bottom { flex-wrap:wrap; align-items:center; }
body[data-profile="rozni"] .education .edu-grade { max-width:100%; white-space:normal; }