/* ===== Base & Tokens ===== */
:root{
  --ink-900:#111322;
  --ink-500:#5d6b98;
  --border:#dcdfea;
  --fb-blue:#1877F2;
  --fb-blue-2:#42A5F5;
}

html,body{font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol", "Noto Color Emoji", sans-serif;}

.img-contain{width:100%;height:100%;object-fit:contain}

/* ===== Layout ===== */
.getting-started-area{
  min-height: calc(100vh - 40px);
  background:#fff;
  border-top:1px solid var(--border);
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}

.gs-wrapper{
  display:flex;
  flex-direction:column;
  gap:32px;
  align-items:center;
  width:100%;
  max-width:100%;
}

.gs-header{
  display:flex;
  flex-direction:column;
  gap:24px;
  align-items:center;
  width:100%;
  text-align:center;
}

.fb-icon{
  position:relative;
}
.fb-icon .fb-bg{
  position:absolute;
  inset:6.25%;
}
.fb-icon .fb-f{
  position:absolute;
  top:25%;
  bottom:6.25%;
  left:31.25%;
  right:31.25%;
}

/* ===== Typography ===== */
.gs-title{
  margin:0;
  font-weight:600;
  font-size:30px;
  line-height:38px;
  color:var(--ink-900);
}
.gs-subtitle{
  margin:0;
  font-weight:400;
  font-size:16px;
  line-height:24px;
  color: #131313;
  margin-top: 14px;
}
.gs-wrapper ul li, .gs-wrapper ol li{
  color: #131313;
}
.gs-wrapper h1,
.gs-wrapper h2,
.gs-wrapper h3,
.gs-wrapper h4,
.gs-wrapper h5 {
    color: #131313;
}
p{
  color: #131313;
}

/* ===== Buttons / Actions ===== */
.connect-btn{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 18px;
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(16,24,40,0.05);
    /* background: linear-gradient(135deg, var(--fb-blue) 0%, var(--fb-blue-2) 100%); */
    width: 385px;
    max-width: 100%;
    cursor: pointer;
    user-select: none;
    background: linear-gradient(80deg, #8E24AA 0%, #FF6E40 100%);
    transition: all 0.1s ease;
}
.connect-btn:hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%), linear-gradient(80deg, #8E24AA 0%, #FF6E40 100%);
}
.connect-btn .btn-label{
  margin:0;
  font-weight:500;
  font-size:16px;
  line-height:24px;
  color:#fff;
}

.logout{
  display:flex;
  gap:8px;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  user-select:none;
}
.logout-icon{
  width:20px;
  height:20px;
  position:relative;
}
.logout-icon .icon-inner{
  position:absolute;
  inset:20.833%;
}
.logout-text{
  margin:0;
  font-weight:500;
  font-size:14px;
  line-height:20px;
  color:var(--ink-500);
}
.logout i{
    color:var(--ink-500);
}
.logout:hover .logout-text {
  color: #4A5578;
}
.logout:hover i {
  color: #4A5578;
}