/* ====================================================
   LANDING PAGE
==================================================== */

body.landing{
  margin:0;
  padding:0;
  height:100vh;

  background:
    radial-gradient(circle at center, rgba(0,0,0,0.65), rgba(0,0,0,0.95) 75%),
    url('/assets/sf-cave.png') no-repeat center center/cover;

  display:flex;
  justify-content:center;
  align-items:center;
  overflow:hidden;
}


/* ----------------------------------------------------
   WRAPPER
---------------------------------------------------- */

.landing-wrapper{
  width:100%;
  max-width:1100px;
  padding:40px;
  text-align:center;
}


/* ----------------------------------------------------
   TITLE
---------------------------------------------------- */

.landing-title{
  margin:0;
  font-size:36px;
  color:#f5d27a;

  text-shadow:
    0 0 10px rgba(0,0,0,0.9),
    0 0 20px rgba(255,215,120,0.3);
}


/* ----------------------------------------------------
   SUBTITLE
---------------------------------------------------- */

.landing-subtitle{
  margin-top:10px;
  margin-bottom:40px;

  font-size:16px;
  color:#e6c07a;

  text-shadow:0 0 6px rgba(0,0,0,0.8);
}


/* ----------------------------------------------------
   GUILD CONTAINER
---------------------------------------------------- */

.guild-container{
  display:flex;
  justify-content:center;
  gap:60px;
  flex-wrap:wrap;
}


/* ----------------------------------------------------
   GUILD CARD
---------------------------------------------------- */

.guild-card{
  width:260px;

  background:linear-gradient(180deg,#fdf2d4,#e9d5a8);
  border:3px solid #d4a84f;
  border-radius:14px;

  padding:25px 20px;

  text-align:center;
  text-decoration:none;

  color:#3a1e00;

  transition:all 0.25s ease;

  box-shadow:
    inset 0 0 12px rgba(0,0,0,0.35),
    0 10px 25px rgba(0,0,0,0.8);
}


/* ----------------------------------------------------
   LOGO
---------------------------------------------------- */

.guild-card img{
  width:110px;
  margin-bottom:15px;

  filter:drop-shadow(0 4px 6px rgba(0,0,0,0.7));
}


/* ----------------------------------------------------
   TITLE CARD
---------------------------------------------------- */

.guild-card h2{
  margin:10px 0 10px 0;
  font-size:18px;
}


/* ----------------------------------------------------
   TEXT
---------------------------------------------------- */

.guild-card span{
  font-size:14px;
  opacity:0.8;
}


/* ----------------------------------------------------
   HOVER EFFECT
---------------------------------------------------- */

.guild-card:hover{
  transform:translateY(-6px);

  border-color:#ffd47a;

  box-shadow:
    0 15px 35px rgba(0,0,0,0.9),
    0 0 15px rgba(255,215,120,0.5),
    inset 0 0 12px rgba(0,0,0,0.35);
}


/* ----------------------------------------------------
   CREDIT
---------------------------------------------------- */

.landing-credit{
  position:fixed;
  bottom:12px;
  left:16px;

  font-size:14px;
  font-weight:bold;

  color:rgba(255,230,180,0.75);
  text-shadow:0 0 8px gold;
}