/* ============================================================
   THEME: AETHER — Futuristic glass panels + particles
   ============================================================ */

/* Canvas particle layer */
#ae-canvas{
  display:none;
  position:fixed;top:0;left:0;
  width:100%;height:100%;
  z-index:0;pointer-events:none;
}

/* Custom cursor elements */
.ae-cursor-dot{
  display:none;
  position:fixed;
  width:7px;height:7px;
  background:#39ff14;
  border-radius:50%;
  pointer-events:none;
  z-index:9999;
  transform:translate(-50%,-50%);
  box-shadow:0 0 6px #39ff14, 0 0 16px rgba(57,255,20,.7), 0 0 32px rgba(57,255,20,.3);
}
.ae-cursor-ring{
  display:none;
  position:fixed;
  width:28px;height:28px;
  border:2px solid rgba(57,255,20,.6);
  border-radius:50%;
  pointer-events:none;
  z-index:9998;
  transform:translate(-50%,-50%);
  transition:width .18s,height .18s,opacity .18s,border-color .18s,box-shadow .18s;
  box-shadow:0 0 8px rgba(57,255,20,.25), inset 0 0 8px rgba(57,255,20,.05);
}
/* When aether active: hide system cursor */
.ae-cursor-on,.ae-cursor-on *{cursor:none !important}

/* Layout */
.ae-wrap{font-family:'Syne',sans-serif;background:#050505;min-height:100vh;position:relative}

.ae-nav{
  position:fixed;top:0;left:0;right:0;
  z-index:100;
  display:flex;justify-content:center;
  padding:22px;gap:32px;
  pointer-events:none;
}
.ae-nav a{
  color:rgba(244,241,232,.28);
  text-decoration:none;
  font-size:.75rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  transition:color .2s;
  font-weight:600;
  pointer-events:all;
  cursor:none;
}
.ae-nav a:hover{color:#f4f1e8}

.ae-content{position:relative;z-index:10;max-width:760px;margin:0 auto;padding:0 30px}

/* Hero */
.ae-hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding-top:60px}
.ae-img{width:72px;height:72px;border-radius:8px;object-fit:cover;border:1px solid rgba(255,255,255,.08);margin-bottom:36px;filter:grayscale(30%);display:block}
.ae-name{font-size:clamp(3rem,7vw,5.5rem);color:#f4f1e8;font-weight:800;letter-spacing:-.04em;line-height:.95;margin-bottom:20px;animation:fadeUp .8s ease .2s both}
.ae-role{font-size:.9rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(154,160,166,.6);margin-bottom:20px;font-weight:400;animation:fadeUp .8s ease .3s both}
.ae-bio-hero{font-family:'DM Sans',sans-serif;color:rgba(207,202,193,.4);font-size:.95rem;line-height:1.9;max-width:480px;margin-bottom:36px;animation:fadeUp .8s ease .4s both}
.ae-resume-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 26px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);color:#f4f1e8;font-size:.8rem;letter-spacing:.08em;text-decoration:none;border-radius:6px;backdrop-filter:blur(10px);transition:all .3s;animation:fadeUp .8s ease .5s both}
.ae-resume-btn:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2)}

/* Glass panels */
.ae-panel{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.07);backdrop-filter:blur(10px);border-radius:12px;padding:40px;margin-bottom:20px;animation:fadeUp .6s ease}
.ae-panel-title{font-size:1.4rem;color:#f4f1e8;margin-bottom:8px;font-weight:700;letter-spacing:-.02em}
.ae-panel-sub{font-family:'DM Sans',sans-serif;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(154,160,166,.4);margin-bottom:30px}

/* Service cards */
.ae-doing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.ae-doing-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);padding:18px;border-radius:8px;transition:all .3s}
.ae-doing-card:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12);transform:translateY(-2px)}
.ae-icon-box{width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.88rem;margin-bottom:12px}
.ae-doing-title{font-size:.9rem;color:#f4f1e8;margin-bottom:4px;font-weight:600}
.ae-doing-desc{font-family:'DM Sans',sans-serif;font-size:.78rem;color:rgba(154,160,166,.5);line-height:1.6}

/* Skills */
.ae-skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.ae-skill-cat{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);padding:18px;border-radius:8px}
.ae-skill-cat-name{font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(154,160,166,.4);margin-bottom:12px}
.ae-tags{display:flex;flex-wrap:wrap;gap:7px}
.ae-tag{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);padding:5px 12px;font-family:'DM Sans',sans-serif;font-size:.78rem;color:rgba(207,202,193,.5);border-radius:4px}

/* Education */
.ae-titem{padding:22px 0;border-bottom:1px solid rgba(255,255,255,.04)}
.ae-titem:last-child{border-bottom:none}
.ae-tdate{font-family:'IBM Plex Mono',monospace;font-size:.7rem;color:rgba(154,160,166,.3);margin-bottom:6px;letter-spacing:.06em}
.ae-tinst{font-size:.95rem;color:#f4f1e8;margin-bottom:3px;font-weight:500}
.ae-tdeg{font-family:'DM Sans',sans-serif;font-size:.83rem;color:rgba(154,160,166,.4)}

/* Projects */
.ae-proj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.ae-proj-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);padding:22px;border-radius:10px;display:flex;flex-direction:column;transition:all .3s}
.ae-proj-card:hover{background:rgba(255,255,255,.05);border-color:rgba(154,160,166,.2);transform:translateY(-3px);box-shadow:0 8px 32px rgba(154,160,166,.05)}
.ae-proj-title{font-size:.95rem;color:#f4f1e8;margin-bottom:7px;font-weight:600}
.ae-proj-desc{font-family:'DM Sans',sans-serif;font-size:.82rem;color:rgba(154,160,166,.4);flex:1;line-height:1.7}
.ae-proj-links{display:flex;gap:8px;margin-top:16px}
.ae-btn-sm{padding:6px 14px;font-family:'DM Sans',sans-serif;font-size:.75rem;border:1px solid rgba(255,255,255,.08);color:rgba(207,202,193,.5);transition:all .3s;display:flex;align-items:center;gap:4px;text-decoration:none;border-radius:5px}
.ae-btn-sm:hover{border-color:rgba(244,241,232,.3);color:#f4f1e8}

/* Achievements */
.ae-ach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.ae-ach-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);padding:18px;border-radius:8px;display:flex;align-items:center;gap:14px}
.ae-ach-icon{color:rgba(154,160,166,.3);font-size:1.1rem;flex-shrink:0}
.ae-ach-title{font-size:.88rem;color:#f4f1e8;margin-bottom:2px;font-weight:500}
.ae-ach-sub{font-family:'DM Sans',sans-serif;font-size:.76rem;color:rgba(154,160,166,.4);margin:0}
.ae-cert-link{font-family:'DM Sans',sans-serif;display:inline-block;margin-top:3px;font-size:.68rem;color:#9aa0a6;text-decoration:none}

/* Contact */
.ae-contact-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.ae-contact-item{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);padding:16px;border-radius:8px;display:flex;align-items:center;gap:10px;color:rgba(154,160,166,.4);text-decoration:none;font-family:'DM Sans',sans-serif;font-size:.83rem;transition:all .3s}
.ae-contact-item:hover{border-color:rgba(255,255,255,.15);color:#f4f1e8;background:rgba(255,255,255,.05)}
.ae-empty{color:rgba(154,160,166,.2);font-size:.83rem;font-family:'DM Sans',sans-serif;font-style:italic}