/* ── BASE ── */
.profile-page{background:linear-gradient(160deg,var(--c-cream) 0%,#eeeaf8 55%,var(--c-cream-dim) 100%);min-height:100vh;overflow-x:hidden;}

/* Orbs */
.prof-orb{position:fixed;border-radius:50%;filter:blur(90px);pointer-events:none;z-index:0;}
.orb-a{width:600px;height:600px;background:radial-gradient(circle,rgba(99,102,241,0.16) 0%,transparent 65%);top:-150px;right:-100px;}
.orb-b{width:400px;height:400px;background:radial-gradient(circle,rgba(34,197,94,0.09) 0%,transparent 65%);bottom:100px;left:-80px;}

/* Back btn */
.profile-back{position:fixed;top:24px;left:24px;z-index:100;display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-size:0.84rem;font-weight:600;color:var(--text-dark);background:rgba(255,255,255,0.72);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,0.75);border-radius:50px;padding:9px 18px;box-shadow:0 4px 20px rgba(99,102,241,0.10);transition:transform 0.2s,background 0.2s;}
.profile-back:hover{transform:translateX(-3px);background:rgba(255,255,255,0.95);}

/* Main */
.prof-main{position:relative;z-index:1;max-width:960px;margin:0 auto;padding:96px 24px 80px;display:flex;flex-direction:column;gap:20px;animation:profIn 0.65s cubic-bezier(0.22,1,0.36,1) both;}
@keyframes profIn{from{opacity:0;transform:translateY(28px);}to{opacity:1;transform:translateY(0);}}

/* ── GLASS CARD BASE ── */
.prof-hero-card,
.prof-stat-card,
.prof-card{
    background:rgba(255,255,255,0.52);
    backdrop-filter:blur(24px) saturate(180%) brightness(1.04);
    -webkit-backdrop-filter:blur(24px) saturate(180%) brightness(1.04);
    border:1px solid rgba(255,255,255,0.85);
    box-shadow:0 8px 32px rgba(99,102,241,0.09),0 2px 8px rgba(0,0,0,0.04),inset 0 1.5px 0 rgba(255,255,255,1);
    position:relative;
}
.prof-hero-card::before,
.prof-card::before{content:'';position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,1) 50%,transparent);}

/* ── HERO CARD ── */
.prof-hero-card{display:flex;gap:36px;align-items:center;border-radius:28px;padding:36px 44px;overflow:visible;}

/* Avatar */
.prof-avatar-outer{position:relative;flex-shrink:0;width:130px;height:130px;}
.prof-avatar-wrap{width:130px;height:130px;border-radius:50%;overflow:hidden;border:3px solid rgba(255,255,255,0.9);box-shadow:0 6px 28px rgba(99,102,241,0.22);}
.prof-avatar{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;transform:scale(1.9);transform-origin:center 12%;}
.prof-status-dot{position:absolute;bottom:6px;right:6px;width:15px;height:15px;border-radius:50%;background:#22c55e;border:3px solid #fff;box-shadow:0 0 0 2px rgba(34,197,94,0.3);animation:statusPulse 2.5s ease-in-out infinite;z-index:2;}
@keyframes statusPulse{0%,100%{box-shadow:0 0 0 2px rgba(34,197,94,0.3);}50%{box-shadow:0 0 0 6px rgba(34,197,94,0.08);}}

/* Hero info */
.prof-hero-info{flex:1;display:flex;flex-direction:column;gap:8px;}
.prof-name-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.prof-name{font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;letter-spacing:-1.2px;color:var(--text-dark);line-height:1;}
.prof-open-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:50px;font-size:0.7rem;font-weight:700;background:rgba(34,197,94,0.12);color:#16a34a;border:1px solid rgba(34,197,94,0.22);}
.prof-role{font-size:0.9rem;font-weight:600;color:var(--c-indigo);}
.prof-location{font-size:0.82rem;color:var(--text-light);font-weight:500;}
.prof-bio{font-size:0.92rem;line-height:1.75;color:var(--text-mid);max-width:520px;}
.prof-socials{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px;}
.prof-social-btn{display:inline-flex;align-items:center;gap:7px;text-decoration:none;font-size:0.8rem;font-weight:600;color:var(--text-dark);background:rgba(255,255,255,0.65);border:1px solid rgba(99,102,241,0.14);border-radius:50px;padding:7px 15px;transition:background 0.2s,transform 0.2s,box-shadow 0.2s;}
.prof-social-btn:hover{background:rgba(255,255,255,0.95);transform:translateY(-2px);box-shadow:0 6px 18px rgba(99,102,241,0.12);}

/* ── STATS ── */
.prof-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.prof-stat-card{border-radius:18px;padding:20px 16px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;transition:transform 0.3s cubic-bezier(0.22,1,0.36,1),box-shadow 0.3s;overflow:hidden;}
.prof-stat-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(99,102,241,0.13);}
.psc-num{font-family:var(--font-display);font-size:1.7rem;font-weight:800;color:var(--c-indigo);line-height:1;}
.psc-label{font-size:0.68rem;font-weight:600;color:var(--text-light);text-transform:uppercase;letter-spacing:0.5px;}

/* ── GRID ── */
.prof-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.prof-card{border-radius:22px;padding:28px 32px;overflow:hidden;transition:transform 0.3s cubic-bezier(0.22,1,0.36,1),box-shadow 0.3s;}
.prof-card:hover{transform:translateY(-4px);box-shadow:0 20px 48px rgba(99,102,241,0.12),inset 0 1.5px 0 rgba(255,255,255,1);}
.span-2{grid-column:span 2;}

/* Card label + title */
.prof-card-label{font-size:0.62rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--c-indigo);margin-bottom:14px;display:flex;align-items:center;gap:7px;}
.prof-card-label::before{content:'';display:inline-block;width:14px;height:1.5px;background:var(--c-indigo);border-radius:2px;}
.prof-card-title{font-family:var(--font-display);font-size:1.3rem;font-weight:800;letter-spacing:-0.5px;color:var(--text-dark);margin-bottom:14px;line-height:1.1;}
.prof-card p{font-size:0.92rem;line-height:1.8;color:var(--text-mid);margin-bottom:10px;}
.prof-card p:last-child{margin-bottom:0;}

/* ── EDUCATION ── */
.prof-edu-item{display:flex;gap:16px;align-items:flex-start;}
.prof-edu-icon-wrap{width:48px;height:48px;border-radius:12px;background:rgba(255,255,255,0.8);border:1px solid rgba(99,102,241,0.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;box-shadow:0 2px 10px rgba(99,102,241,0.08);}
.prof-edu-logo{width:100%;height:100%;object-fit:contain;padding:6px;}
.prof-edu-degree{font-size:0.97rem;font-weight:700;color:var(--text-dark);margin-bottom:4px;}
.prof-edu-school{font-size:0.82rem;font-weight:600;color:var(--c-indigo);margin-bottom:3px;line-height:1.5;}
.prof-edu-year{font-size:0.78rem;font-weight:500;color:var(--text-light);margin-bottom:8px;}
.prof-edu-note{font-size:0.82rem;color:var(--text-mid);line-height:1.6;padding:6px 10px;background:rgba(99,102,241,0.05);border-radius:8px;border:1px solid rgba(99,102,241,0.08);}

/* ── CURRENTLY ── */
.prof-currently-list{list-style:none;display:flex;flex-direction:column;gap:7px;}
.prof-currently-list li{display:flex;align-items:center;gap:10px;font-size:0.88rem;font-weight:500;color:var(--text-dark);padding:9px 14px;border-radius:10px;background:rgba(99,102,241,0.04);border:1px solid rgba(99,102,241,0.07);transition:background 0.2s,transform 0.2s;}
.prof-currently-list li:hover{background:rgba(99,102,241,0.09);transform:translateX(4px);}
.pci{font-size:1rem;flex-shrink:0;}

/* ── TECH STACK ── */
.prof-stack-groups{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
/* Stack group label with SVG */
.prof-stack-group-label{display:flex;align-items:center;gap:6px;font-size:0.72rem;font-weight:700;color:var(--text-light);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:10px;}
.prof-stack-group-label svg{opacity:0.7;flex-shrink:0;}
.prof-chips{display:flex;flex-wrap:wrap;gap:7px;}
.p-chip{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:50px;font-size:0.82rem;font-weight:600;color:var(--text-dark);background:rgba(255,255,255,0.68);border:1px solid rgba(255,255,255,0.9);box-shadow:0 2px 8px rgba(99,102,241,0.06),inset 0 1px 0 rgba(255,255,255,1);transition:transform 0.2s,box-shadow 0.2s;cursor:default;}
.p-chip:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(99,102,241,0.12);}
.p-chip-dim{background:rgba(99,102,241,0.07);border-color:rgba(99,102,241,0.18);color:var(--c-indigo);}
.p-badge{font-size:0.56rem;font-weight:700;letter-spacing:0.8px;text-transform:uppercase;background:rgba(99,102,241,0.15);color:var(--c-indigo);border:1px solid rgba(99,102,241,0.22);border-radius:50px;padding:1px 6px;}

/* ── PROJECTS ── */
.prof-projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.prof-proj-item{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:14px;background:rgba(99,102,241,0.04);border:1px solid rgba(99,102,241,0.08);transition:background 0.2s,transform 0.2s;}
.prof-proj-item:hover{background:rgba(99,102,241,0.08);transform:translateY(-2px);}
.prof-proj-logo-wrap{width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,0.85);border:1px solid rgba(99,102,241,0.10);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;box-shadow:0 2px 10px rgba(99,102,241,0.08);}
.prof-proj-logo{width:100%;height:100%;object-fit:cover;border-radius:10px;}
.prof-proj-name{font-size:0.95rem;font-weight:700;color:var(--text-dark);margin-bottom:2px;}
.prof-proj-sub{font-size:0.75rem;font-weight:600;color:var(--c-indigo);margin-bottom:6px;}
.prof-proj-desc{font-size:0.84rem;line-height:1.65;color:var(--text-mid);}

/* ── INTERESTS ── */
.prof-interests{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}
.prof-interest-item{display:flex;align-items:center;gap:8px;font-size:0.86rem;font-weight:600;color:var(--text-dark);padding:10px 14px;border-radius:10px;background:rgba(99,102,241,0.04);border:1px solid rgba(99,102,241,0.08);transition:background 0.2s,transform 0.2s;cursor:default;}
.prof-interest-item svg{flex-shrink:0;opacity:0.6;}
.prof-interest-item:hover{background:rgba(99,102,241,0.10);transform:translateY(-2px);}

/* ── CTA ── */
.prof-cta-row{display:flex;gap:14px;justify-content:center;padding:8px 0 16px;}

/* ── RESPONSIVE ── */
@media(max-width:860px){
    .prof-hero-card{flex-direction:column;gap:20px;padding:28px 28px;align-items:flex-start;}
    .prof-stats-row{grid-template-columns:repeat(2,1fr);}
    .span-2{grid-column:span 1;}
    .prof-grid{grid-template-columns:1fr;}
    .prof-stack-groups{grid-template-columns:1fr;}
    .prof-projects-grid{grid-template-columns:1fr;}
    .prof-interests{grid-template-columns:repeat(2,1fr);}
    .prof-card{padding:22px 22px;}
}
@media(max-width:540px){
    .prof-main{padding:80px 16px 60px;gap:14px;}
    .prof-hero-card{padding:22px 18px;}
    .prof-avatar-outer,.prof-avatar-wrap{width:100px;height:100px;}
    .prof-name{font-size:1.4rem;}
    .prof-stats-row{gap:10px;}
    .psc-num{font-size:1.5rem;}
    .prof-card{padding:18px 16px;}
    .prof-interests{grid-template-columns:1fr 1fr;}
    .prof-cta-row{flex-direction:column;align-items:center;}
    .profile-back{top:14px;left:14px;padding:8px 14px;font-size:0.78rem;}
}