*{
  box-sizing:border-box;
  font-family:'Segoe UI', sans-serif;
}

body{
  background:#eaf6f2;
  min-height:100vh;
  display:flex;
  justify-content:center;
  align-items:center;
}

.card{
  width:360px;
  background:#fff;
  border-radius:28px;
  overflow:hidden;
  box-shadow:0 20px 40px rgba(0,0,0,.15);
}

.card-header{
  background:#1f6b57;
  height:120px;
  position:relative;
}

.logo{
  position:absolute;
  left:24px;
  bottom:-35px;
  width:70px;
  height:70px;
  background:#d8f1e7;
  color:#1f6b57;
  font-size:26px;
  font-weight:bold;
  border-radius:18px;
  display:flex;
  justify-content:center;
  align-items:center;
  border:6px solid #fff;
}

.twitter-btn{
  position:absolute;
  right:20px;
  top:20px;
  width:36px;
  height:36px;
  border:none;
  border-radius:12px;
  background:#2e8b72;
  color:#fff;
}

.card-body{
  padding:60px 24px 24px;
}

h1{margin:0;font-size:22px;}
h2{
  margin:4px 0 14px;
  font-size:12px;
  letter-spacing:1px;
  color:#1f6b57;
}

.quote{
  font-style:italic;
  color:#2e8b72;
  font-size:14px;
}

.info{margin-top:18px;}
.info div{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:10px;
}
.info i{
  background:#e6f4ef;
  padding:8px;
  border-radius:10px;
  color:#1f6b57;
}

.socials{
  display:flex;
  justify-content:center;
  gap:14px;
  margin:20px 0;
}
.socials a{
  width:38px;
  height:38px;
  border-radius:50%;
  border:1px solid #cfe9df;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#1f6b57;
}

.qr-box{
  background:#f1fbf7;
  border-radius:16px;
  padding:14px;
  display:flex;
  align-items:center;
  gap:14px;
}

/* QR ölçüsü SABİTDİR */
.qr-slot{
  width:48px;
  height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.qr-slot img{
  width:48px;
  height:48px;
}

.qr-text span{
  font-size:11px;
  color:#1f6b57;
}

.card-footer{
  padding:20px;
  display:flex;
  gap:12px;
}

.download-btn{
  flex:1;
  background:#1f6b57;
  color:#fff;
  border:none;
  padding:14px;
  border-radius:14px;
}

.share-btn{
  width:50px;
  background:#e6f4ef;
  border:none;
  border-radius:14px;
  color:#1f6b57;
}











.instagram-verify-btn {
  background: #1f6b57; /* Instagram mavi verify rəngi */
  color: white;
  border: none;
  border-radius: 20px; /* yuvarlaq kənarlar */
  padding: 8px 16px;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  transition: 0.3s;
}

.instagram-verify-btn:hover {
  opacity: 0.85;
}

.instagram-verify-btn .check {
  background: white;
  color: #3897f0;
  font-size: 12px;
  font-weight: bold;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;

  /* Sağ tərəfə itələmək üçün əlavə etdik */
  margin-left: 315px;
}





.qr-box {
  display: flex;             /* QR və yazı yan-yana */
  flex-direction: row;       /* row ilə yan-yana */
  align-items: center;       /* hündürlük üzrə ortala */
  justify-content: center; /* bütün qr-box sağa çəkilsin */
  padding: 10px;
  border: 1px solid #ccc;
  width: 100%;               /* parent ölçüsünə uyğun */
  gap: 10px;                 /* QR və yazı arasındakı boşluq */
}

.qr-slot {
  width: 80px;               /* QR ölçüsü */
  height: 80px;
  flex-shrink: 0;            /* QR ölçüsü kiçilməsin */
}

.qr-text {
  text-align: right;         /* yazı sağa hizalansın */
}

.qr-text span {
  font-size: 12px;
  color: #555;
}

.qr-text b {
  display: block;
  font-size: 14px;
  margin-top: 2px;
}


.qr-text b {
  display: block;
  font-size: 14px;
  margin-top: 2px;
}