/* ===== HOME PAGE ===== */
#home-page{min-height:100vh;position:relative;overflow:hidden;
  background:var(--bg);
  background-image:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(123,47,255,.15),transparent),
                    radial-gradient(ellipse 60% 40% at 80% 100%,rgba(0,212,255,.08),transparent)}

/* Background orbs */
.home-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.35;pointer-events:none;animation:orbFloat 14s ease-in-out infinite}
.home-orb-1{width:450px;height:450px;background:rgba(123,47,255,.2);top:-8%;right:-5%;animation-duration:16s}
.home-orb-2{width:350px;height:350px;background:rgba(0,212,255,.15);bottom:5%;left:-5%;animation-duration:12s;animation-delay:-5s}

/* Home Header */
.home-header{display:flex;align-items:center;justify-content:space-between;padding:24px 40px}

/* Home Avatar */
.home-avatar{width:42px;height:42px;border-radius:50%;border:2px solid var(--glass-border);
  background:linear-gradient(135deg,var(--blue),var(--purple));color:#fff;font-family:var(--font);
  font-size:.85rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;
  transition:border-color .3s,box-shadow .3s,transform .2s}
.home-avatar:hover{border-color:var(--blue);box-shadow:0 0 20px rgba(0,212,255,.2);transform:scale(1.05)}

/* Home Dropdown */
.home-dropdown-panel{position:absolute;top:calc(100% + 10px);right:0;min-width:220px;background:var(--bg2);
  border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:8px;
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 10px 40px rgba(0,0,0,.5);
  z-index:300;opacity:1;transform:translateY(0);transition:opacity .25s,transform .25s}
.home-dropdown-panel.dropdown-hidden{opacity:0;transform:translateY(-8px);pointer-events:none}

/* Greeting */
.home-greeting{text-align:center;padding:50px 40px 10px;animation:fadeSlideUp .7s ease-out}
.greeting-text{font-size:2.2rem;font-weight:700;color:var(--text);line-height:1.3}
.greeting-name{background:linear-gradient(135deg,var(--blue),var(--purple));-webkit-background-clip:text;
  -webkit-text-fill-color:transparent;background-clip:text}
.greeting-sub{color:var(--text2);font-size:1rem;margin-top:8px;letter-spacing:.5px}

/* Feature Cards */
.home-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:40px;max-width:1000px;margin:0 auto;
  animation:fadeSlideUp .8s ease-out .15s both}

/* Single card */
.home-card{background:var(--glass);border:1px solid var(--glass-border);border-radius:18px;padding:28px;
  cursor:pointer;position:relative;overflow:hidden;
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s,border-color .35s}
.home-card:hover{transform:translateY(-6px);box-shadow:0 16px 50px rgba(0,0,0,.35);border-color:rgba(255,255,255,.12)}

/* Main CTA card spans full width */
.home-card-main{grid-column:1/-1;
  background:linear-gradient(135deg,rgba(0,212,255,.06),rgba(123,47,255,.06));
  border-color:rgba(0,212,255,.15)}
.home-card-main:hover{border-color:var(--blue);box-shadow:0 16px 60px rgba(0,212,255,.15)}

/* Card glow effect */
.home-card-glow{position:absolute;width:200px;height:200px;border-radius:50%;
  background:radial-gradient(circle,rgba(0,212,255,.15),transparent 70%);
  top:-60px;right:-60px;pointer-events:none;opacity:0;transition:opacity .4s}
.home-card-main:hover .home-card-glow{opacity:1}

/* Card icon */
.home-card-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,rgba(0,212,255,.12),rgba(123,47,255,.12));
  border:1px solid rgba(0,212,255,.15);margin-bottom:16px;transition:transform .3s,box-shadow .3s}
.home-card-icon svg{width:26px;height:26px;color:var(--blue)}
.home-card:hover .home-card-icon{transform:scale(1.08);box-shadow:0 0 20px rgba(0,212,255,.15)}

.home-card-icon.icon-yellow{background:linear-gradient(135deg,rgba(250,204,21,.12),rgba(250,204,21,.05));
  border-color:rgba(250,204,21,.15)}
.home-card-icon.icon-yellow svg{color:var(--interview)}

.home-card-icon.icon-green{background:linear-gradient(135deg,rgba(34,197,94,.12),rgba(34,197,94,.05));
  border-color:rgba(34,197,94,.15)}
.home-card-icon.icon-green svg{color:var(--offer)}

/* Card text */
.home-card-title{font-size:1.15rem;font-weight:700;color:var(--text);margin-bottom:6px}
.home-card-desc{font-size:.85rem;color:var(--text2);line-height:1.5;margin-bottom:16px}

/* Card footer */
.home-card-footer{display:flex;align-items:center;justify-content:space-between}
.home-card-badge{padding:6px 14px;border-radius:20px;background:rgba(0,212,255,.1);
  color:var(--blue);font-size:.78rem;font-weight:600;letter-spacing:.5px}
.home-card-arrow{width:22px;height:22px;color:var(--text2);transition:transform .3s,color .3s}
.home-card-main:hover .home-card-arrow{transform:translateX(5px);color:var(--blue)}

/* Mini stats in footer */
.home-card-mini-stat{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text2);font-weight:500}
.mini-dot{width:8px;height:8px;border-radius:50%}
.dot-green{background:var(--offer);box-shadow:0 0 6px var(--offer)}
.dot-yellow{background:var(--interview);box-shadow:0 0 6px var(--interview)}

/* Stats row in quick stats card */
.home-card-stats-row{display:flex;gap:12px;margin-top:4px}
.mini-stat-box{flex:1;text-align:center;padding:10px 6px;background:rgba(255,255,255,.03);
  border:1px solid var(--glass-border);border-radius:10px;transition:border-color .3s}
.mini-stat-box:hover{border-color:rgba(255,255,255,.12)}
.mini-stat-val{display:block;font-size:1.4rem;font-weight:700;color:var(--blue);margin-bottom:2px}
.mini-stat-val.val-yellow{color:var(--interview)}
.mini-stat-val.val-green{color:var(--offer)}
.mini-stat-val.val-red{color:var(--rejected)}
.mini-stat-lbl{font-size:.65rem;color:var(--text2);text-transform:uppercase;letter-spacing:1px}

/* Home Footer */
.home-footer{text-align:center;padding:30px 40px 40px;position:relative}

/* Back button in main app */
.back-home-btn{background:none;border:1px solid var(--glass-border);border-radius:10px;padding:8px;
  cursor:pointer;color:var(--text2);display:flex;align-items:center;justify-content:center;
  transition:all .3s;margin-right:12px}
.back-home-btn:hover{color:var(--blue);border-color:var(--blue);background:rgba(0,212,255,.06);
  transform:translateX(-2px)}
.back-home-btn svg{width:20px;height:20px}
.header-left{display:flex;align-items:center}

/* ===== HOME RESPONSIVE ===== */
@media(max-width:900px){
  .home-cards{grid-template-columns:repeat(2,1fr);padding:24px 20px}
  .home-card-main{grid-column:1/-1}
}
@media(max-width:600px){
  .home-cards{grid-template-columns:1fr;padding:20px 16px}
  .home-card-main{grid-column:auto}
  .home-greeting{padding:30px 20px 10px}
  .greeting-text{font-size:1.6rem}
  .home-header{padding:20px}
  .home-card-stats-row{gap:8px}
  .mini-stat-val{font-size:1.1rem}
}