html,
body{

  margin:0;
  padding:0;

  width:100%;
  height:100%;

  background:transparent;

  overflow:hidden;

  font-family:sans-serif;

}

/* =========================
OVERLAY
========================= */

.overlay{

  width:100%;
  height:100%;

  display:flex;

  justify-content:center;
  align-items:center;

  background:rgba(0,0,0,.15);

  backdrop-filter:blur(6px);

}

/* =========================
BUTTON
========================= */

.notif-btn{

  border:none;
  outline:none;

  padding:14px 22px;

  border-radius:14px;

  background:#111;

  color:#fff;

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

  cursor:pointer;

  transition:.2s;

  box-shadow:
  0 4px 20px rgba(0,0,0,.25);

}

/* =========================
BUTTON CLICK
========================= */

.notif-btn:active{

  transform:scale(.97);

}

body{

  margin:0;
  width:100vw;
  height:100vh;

  background:#050505;

  display:flex;
  justify-content:center;
  align-items:center;

  overflow:hidden;

  font-family:sans-serif;

}

.auth-box{

  width:280px;

  padding:32px 24px;

  border-radius:24px;

  background:#111;

  border:
  1px solid rgba(57,255,20,.15);

  text-align:center;

  box-shadow:
  0 0 40px rgba(57,255,20,.08);

}

.began-logo{

  width:88px;

  margin-bottom:20px;

  object-fit:contain;

}

.auth-title{

  color:white;

  font-size:18px;

  font-weight:700;

  margin-bottom:10px;

}

.auth-sub{

  color:#888;

  font-size:13px;

  line-height:1.5;

  margin-bottom:24px;

}

#enableNotif{

  width:100%;

  height:52px;

  border:none;

  border-radius:14px;

  background:#39FF14;

  color:#000;

  font-size:15px;

  font-weight:700;

}