/* ======================================================
   GLASS AURORA THEME (Polar Light / 3D Glass)
   Copy & Drop Version
   ====================================================== */

/* -------------------------------
   ROOT VARIABLES
-------------------------------- */
:root{
  /* Glass base */
  --glass-bg: rgba(18, 22, 32, 0.42);
  --glass-bg-strong: rgba(18, 22, 32, 0.62);

  /* Borders & highlights */
  --glass-border: rgba(255,255,255,0.14);
  --glass-inner-highlight: rgba(255,255,255,0.18);

  /* Depth shadows */
  --glass-shadow:
    0 10px 30px rgba(0,0,0,0.35),
    0 30px 80px rgba(0,0,0,0.45);

  /* Aurora glows */
  --glow-purple: rgba(160, 120, 255, 0.45);
  --glow-green: rgba(0, 255, 200, 0.35);
  --glow-blue: rgba(80, 160, 255, 0.35);
}

/* -------------------------------
   PAGE BACKGROUND (AURORA)
-------------------------------- */
body{
  background:
    radial-gradient(1200px 700px at 15% 10%, rgba(160,120,255,0.22), transparent 65%),
    radial-gradient(900px 600px at 85% 20%, rgba(0,255,200,0.18), transparent 65%),
    radial-gradient(700px 500px at 60% 80%, rgba(80,160,255,0.16), transparent 60%),
    linear-gradient(180deg, #07080d 0%, #0c1018 55%, #06070b 100%);
  background-attachment: fixed;
}

/* -------------------------------
   GLASS CONTAINERS
-------------------------------- */
.glass-panel,
.glass-card{
  position: relative;

  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,0.08),
      rgba(255,255,255,0.01)
    ),
    var(--glass-bg);

  border: 1px solid var(--glass-border);
  border-radius: 18px;
  box-shadow: var(--glass-shadow);
}

/* Blur (Safari-safe) */
@supports ((-webkit-backdrop-filter: blur(14px)) or (backdrop-filter: blur(14px))) {
  .glass-panel,
  .glass-card{
    -webkit-backdrop-filter: blur(14px) saturate(130%);
    backdrop-filter: blur(14px) saturate(130%);
  }
}

/* -------------------------------
   INNER EDGE HIGHLIGHT (3D)
-------------------------------- */
.glass-panel::before,
.glass-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:18px;
  pointer-events:none;

  box-shadow:
    inset 0 1px 0 var(--glass-inner-highlight),
    inset 0 0 0 1px rgba(255,255,255,0.04);

  opacity: 0.9;
}

/* -------------------------------
   OUTER AURORA GLOW
-------------------------------- */
.glass-panel::after,
.glass-card::after{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:18px;
  pointer-events:none;

  filter: blur(18px);
  opacity:0.35;

  background:
    radial-gradient(60% 40% at 20% 10%, var(--glow-purple), transparent 60%),
    radial-gradient(50% 40% at 80% 20%, var(--glow-green), transparent 60%),
    radial-gradient(40% 40% at 50% 90%, var(--glow-blue), transparent 60%);
}

/* -------------------------------
   BOOTSTRAP CARD OVERRIDE
-------------------------------- */
.card.glass-card{
  background: none;
  color: rgba(255,255,255,0.94);
}

/* -------------------------------
   TYPOGRAPHY & COLORS
-------------------------------- */
.card-font-color{
  color: rgba(160, 200, 255, 0.85);
}

/* -------------------------------
   INTERACTION (SUBTLE LIFT)
-------------------------------- */
.glass-card:hover{
  transform: translateY(-2px);
  box-shadow:
    0 20px 60px rgba(0,0,0,0.5),
    0 0 40px rgba(160,120,255,0.18);
  transition: all 0.25s ease;
}

/* -------------------------------
   UTILITY HELPERS
-------------------------------- */
.glass-min-height{
  min-height: 100%;
}

.glass-show-page-img-round{
  border-radius: 3%;
}

.glass-student__card-img{
  border-radius: 9%;
}