.stake {
  width: 100%;
  font-family: UbuntuSans, sans-serif;
}

.stake *,
.stake *::before,
.stake *::after {
  box-sizing: border-box;
}

.stake__panel {
  position: relative;
  overflow: hidden;
  padding: 20rem;
  border: 1px solid rgba(231, 234, 237, 0.2);
  border-radius: 24px;
  backdrop-filter: blur(20px);
  background: linear-gradient(80.78deg, rgba(13, 19, 28, 0.2) -32.05%, rgba(13, 19, 28, 0.1) 44.46%, rgba(13, 19, 28, 0.2) 119.44%);
}

.stake__hero,
.stake__empty-state,
.stake__history-head {
  position: relative;
  z-index: 1;
}

.stake__hero {
  padding: 0 16rem 24rem;
  text-align: center;
}

.stake__title {
  margin: 0;
  font-weight: 500;
  font-size: 20em;
  line-height: 120%;
  text-align: center;
  color: rgba(231, 234, 237, 1);
}

.stake__lead {
  margin: 9rem auto 0;
  font-size: 14em;
  color: rgba(231, 234, 237, 0.6);
  font-weight: 400;
}

.stake__divider {
  position: relative;
  z-index: 1;
  height: 1px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(141, 174, 213, 0.36) 18%, rgba(141, 174, 213, 0.36) 82%, rgba(255, 255, 255, 0));
}

.stake__empty-state {
  padding: 18rem 0 270px;
  text-align: center;
}

.stake__empty-title,
.stake__history-title {
  margin: 0;
  font-weight: 600;
  font-size: 24em;
  line-height: 120%;
  text-align: center;
  color: rgba(231, 234, 237, 0.5);
}

.stake__history-title {
  margin: 0;
  font-weight: 500;
  font-size: 20em;
  line-height: 120%;
  text-align: center;
  color: rgba(231, 234, 237, 1);
}

.stake__subscribe {
  display: inline-flex;
  align-items: center;
  gap: 16rem;
  margin: 20rem auto 0;
  padding: 8rem 8rem 8rem 20rem;
  border-radius: 24rem;
  background: linear-gradient(180deg, rgba(84, 116, 160, 0.92) 0%, rgba(66, 96, 139, 0.88) 100%);
}

.stake__subscribe-text {
  margin: 0;
  font-size: 16em;
  line-height: 22rem;
  color: rgba(246, 250, 255, 0.9);
}

.stake__subscribe-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10rem;
  flex: 0 0 auto;
  min-width: 180rem;
  padding: 15rem 22rem;
  border-radius: 20rem;
  background: linear-gradient(180deg, #aac9f5 0%, #8fb7ee 100%);

  transition: transform 0.2s ease, filter 0.2s ease;
}

.stake__subscribe-button:hover,
.stake__action:hover {
  transform: translateY(-1rem);
  filter: brightness(1.04);
}

.stake__subscribe .crypto-form__button{
  width: auto;
  font-size: 14em;
  display: flex;
  gap: 12rem;
  padding-left: 32rem;
  padding-right: 32rem;
  align-items: center;
  justify-content: center;
  margin-left: 0;
}

.stake__subscribe .crypto-form__button svg{
  height: 13rem;
}

.stake__subscribe-button svg {
  width: 16rem;
  height: 16rem;
}

.stake__subscribe-label{
  font-weight: 500;
  letter-spacing: 0%;
  color: rgba(13, 19, 28, 1);
}

.stake__history-head {
  padding: 38rem 0 14rem;
  text-align: center;
}

.stake__divider--history {
  margin-bottom: 22rem;
}

.stake__cards {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 8rem;
}

.stake__card {
  padding: 20rem;
  border: 1px solid rgba(231, 234, 237, 0.2);
  border-radius: 16px;
  background: linear-gradient(
182deg, rgba(45, 99, 143, .16), rgba(16, 29, 42, .35));
}

.stake__card-top {
  display: grid;
  grid-template-columns: 1fr 1px 1fr;
  grid-column-gap: 16rem;
}

.stake__card-top > :first-child {
  position: relative;
}

.stake__project-divider {
  width: 1px;
  height: 100%;
  background: linear-gradient(180deg,
  rgba(255, 255, 255, 0) 0%,
  rgba(255, 255, 255, 0.2) 25%,
  rgba(255, 255, 255, 0.3) 75%,
  rgba(255, 255, 255, 0) 100%
  );
}

.stake__project {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  column-gap: 14rem;
  row-gap: 14rem;
  align-items: start;
  flex: 1 1;
  min-width: 0;
}

.stake__project-icon {
  grid-column: 1;
  grid-row: 1;
}

.stake__project-icon svg,
.stake__coin--ctx svg,
.stake__coin svg {
  height: 33rem;
}

.stake__flow-arrow{
  height: 14rem;
}

.stake__project-info {
  display: contents;
  min-width: 0;
}

.stake__project-header {
  grid-column: 2;
  grid-row: 1;
  display: flex;
  align-items: center;
  gap: 12rem;
  flex-wrap: wrap;
  min-width: 0;
}

.stake__project-title {
  margin: 0;
  font-weight: 600;
  font-size: 20em;
  line-height: 120%;
  letter-spacing: 0%;
  color: rgba(231, 234, 237, 1);
}

.stake__status {
  display: inline-flex;
  align-items: center;
  padding: 6rem 12rem;
  border-radius: 10rem;
  background: rgb(255 80 80 / 45%);
  color: rgba(231, 234, 237, 1);
  font-weight: 500;
  font-size: 14em;
  line-height: 100%;
  text-align: center;

}

.stake__project-text {
  grid-column: 1 / -1;
  grid-row: 2;
  max-width: 500rem;
  margin: 0;
  font-weight: 400;
  font-size: 14em;
  line-height: 130%;

  color: rgba(231, 234, 237, 0.8);
}

.stake__card-side,
.stake__card-side-box {
  flex: 0 1;
  min-width: 340rem;
}

.stake__links {
  grid-column: 3;
  grid-row: 1;
  justify-self: end;
  display: flex;
  flex-wrap: nowrap;
  gap: 8rem;
  align-items: flex-start;
}

.stake__tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5rem 12rem;
  border-radius: 9rem;
  background: rgba(108, 146, 194, 0.2);
  font-weight: 400;
  font-size: 13em;
  line-height: 120%;
  text-align: center;
  color: rgba(175, 202, 238, 1);
}

.stake__tag:hover {
  background: rgba(98, 134, 184, 0.62);
  border-color: rgba(144, 177, 214, 0.36);
  color: rgba(245, 249, 255, 0.9);
}

.stake__stats,
.stake__card-stats {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  column-gap: 24rem;
  row-gap: 8rem;
  align-items: end;
  margin: 16rem 0 0;
}

.stake__card-stats{
  margin-top: 0;
  row-gap: 12rem;
}

.stake__stat {
  display: contents;
}

.stake__stat-name,
.stake__offer-name {
  margin: 0;
  font-size: 14em;
  font-weight: 400;
  color: rgba(231, 234, 237, 0.6);
}

.stake__stat-value,
.stake__offer-value {
  margin: 0;
  font-size: 14em;
  font-weight: 500;
  color: rgba(231, 234, 237, 1);
  text-align: right;
}

.stake__toggle {
  display: flex;
  align-items: center;
  gap: 8rem;
  width: 100%;
  margin-top: 16rem;
  padding: 0;
  border: 0;
  background: transparent;
  color: #90b7f0;
  cursor: pointer;
}

.stake__toggle::after {
  content: "";
  flex: 1 1 auto;
  height: 1rem;
  background: linear-gradient(90deg, rgba(144, 183, 240, 0.32), rgba(144, 183, 240, 0.08));
}

.stake__toggle-text {
  font-weight: 500;
  font-size: 16em;
  line-height: 120%;
  color: rgba(108, 146, 194, 1);
  font-family: UbuntuSans;
}

.stake__toggle-icon {
  flex: 0 0 14rem;
  width: 14rem;
  height: 8rem;
  transition: transform 0.2s ease;
}

.stake__toggle > svg {
  flex: 0 0 14rem;
  width: 14rem;
  height: 8rem;
  transition: transform 0.2s ease;
}

.stake__card--expanded .stake__toggle > svg,
.stake__toggle[aria-expanded="true"] > svg,
.stake__toggle--expanded .stake__toggle-icon {
  transform: rotate(360deg);
}

.stake__toggle > svg{
  transform: rotate(180deg);
}

.stake__offers {
  display: none;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20rem;
  padding-top: 18rem;
}

.stake__offers[hidden] {
  display: none !important;
}

.stake__card--expanded .stake__offers {
  display: grid;
}

.stake__offer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 1px minmax(250rem, 340rem);
  gap: 24rem;
  padding: 20rem;
  border: 1px solid rgba(231, 234, 237, 0.2);
  border-radius: 12px;
  background: rgba(108, 146, 194, 0.08);

}

.stake__offer-main {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12rem;
  min-width: 0;
  flex-direction: column;
}

.stake__offer-copy {
  flex: 1 1 auto;
  min-width: 0;
}

.stake__offer-side {
  display: flex;
  gap: 12rem;
  flex: 0 0 auto;
  width: 100%;
}

.stake__offer-side .crypto-form__button{
  margin-left: 0;
}

.stake__offer-title {
  margin: 0;
  font-size: 18em;
  line-height: 24rem;
  font-weight: 700;
  color: rgba(231, 234, 237, 1);
}

.stake__offer-text {
  max-width: 240rem;
  margin: 6rem 0 0;
  font-weight: 400;
  font-size: 14em;
  line-height: 130%;
  color: rgba(231, 234, 237, 0.6);
  white-space: pre;
}

.stake__action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 144rem;
  padding: 14rem 20rem;
  border-radius: 18rem;
  background: linear-gradient(180deg, #9ec1ef 0%, #7ea7dd 100%);
  color: #10243d;
  font-size: 15em;
  line-height: 16rem;
  font-weight: 700;
  box-shadow: inset 0 1rem 0 rgba(255, 255, 255, 0.34);
  transition: transform 0.2s ease, filter 0.2s ease;
  height: 32rem;
}

.stake__flow {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 9rem;
}

.stake__flow-arrow {
  color: rgba(247, 250, 255, 0.96);
  font-size: 28em;
  line-height: 28rem;
}

.stake__offer-stats {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  column-gap: 24rem;
  row-gap: 9rem;
  align-items: end;
  margin: 0;
}

.stake__offer-stat {
  display: contents;
}

.stake__offer-value--accent {
  color: #90b7f0;
  font-size: 18em;
  font-weight: 700;
}

@media (max-width: 1024px) {
  .stake__project {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .stake__links {
    grid-column: 1 / -1;
    grid-row: auto;
    justify-self: start;
  }

  .stake__card-top {
    display: flex;
    flex-direction: column;
    gap: 16rem;
  }

  .stake__project-divider {
    width: 100%;
    height: 1px;
  }

  .stake__card-top > :first-child::after {
    display: none;
  }

  .stake__card-side,
  .stake__card-side-box {
    min-width: 0;
  }
}

@media (max-width: 1024px) {
  .stake {
    padding: 22rem 12rem 30rem;
  }

  .stake__empty-title{
    font-size: 20em;
  }

  .stake__project-title,
  .stake__title{
    font-size: 18em;
  }

  .stake__offer-title
  .stake__offer-value--accent{
    font-size: 16em;
  }

  .stake__toggle-text{
    font-size: 14em;
  }

  .stake__status,
  .stake__project-text,
  .stake__tag,
  .stake__stat-name,
  .stake__stat-value,
  .stake__lead,
  .stake__offer-text,
  .stake__offer-name,
  .stake__offer-value{
    font-size: 12em;
  }

  .stake__project{
    row-gap: 8rem;
  }

  .stake__panel {
    background: transparent;
    border: none;
    backdrop-filter: none;
    padding: 0;
  }

  .stake__subscribe {
    flex-direction: column;
    align-items: stretch;
    padding: 16rem;
  }

  .stake__subscribe-text {
    text-align: center;
  }

  .stake__subscribe-button {
    width: 100%;
    min-width: 0;
  }

  .stake__offers {
    grid-template-columns: 1fr;
  }

  .stake__offer {
    grid-template-columns: 1fr;
    gap: 12rem;
  }

  .stake__subscribe .crypto-form__button{
    margin-left: auto;
  }

  .stake__history-head{
    padding-top: 32rem;
  }

  .stake__status{
    margin-left: auto;
  }

  .stake__card-stats{
    row-gap: 4rem;
  }

  .stake__project-icon svg, .stake__coin--ctx svg, .stake__coin svg{
    height: 27rem;
  }

  .stake__offer-text{
    margin-top: 4rem;
  }
}

@media (max-width: 720px) {
  .stake__hero {
    padding-right: 0;
    padding-left: 0;
  }

  .stake__card,
  .stake__offer {
    padding: 16rem;
  }

  .stake__offer-main {
    flex-wrap: wrap;
  }

  .stake__offer-side {
    width: 100%;
    justify-items: start;
  }

  .stake__flow {
    justify-content: flex-start;
  }
}

/* Launchpad active pool: scoped to preserve completed project cards. */
.stake__active{padding:22px 0 4px}
.stake__active>.stake__empty-title{margin-bottom:24px}
.launch-pool{display:grid;grid-template-columns:minmax(270px,31%) minmax(0,1fr);gap:28px;padding:26px 28px;border:1px solid rgba(141,174,213,.25);border-radius:18px;background:linear-gradient(
173deg, rgba(45, 99, 143, .16), rgba(16, 29, 42, .35));color:#c2d4e5;font-size:14px;line-height:1.4}
.launch-pool__intro{padding-right:24px;border-right:1px solid rgba(141,174,213,.16)}
.launch-pool__heading{display:flex;align-items:center;gap:20px}
.launch-pool__heading img{display:block;flex:none;width:58px;height:58px;border:0;border-radius:0;object-fit:contain;object-position:center;background:transparent;padding:0;box-shadow:none}
.launch-pool__title{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.launch-pool__title h3{margin:0;color:#f0f5fa;font-size:20px;font-weight:500}
.launch-pool__title>span{padding:3px 12px;border-radius:8px;color:#8ee4cd;background:rgba(15,167,137,.25);font-size:12px}
.launch-pool__title>span.launch-pool__status--paused{color:#e7c38c;background:rgba(194,143,61,.18)}
.launch-pool__heading p{margin:5px 0 0;font-size:13px}
.launch-pool__description{margin:18px 0 16px}.launch-pool__wallet{margin:0;color:#5bb6f6}.launch-pool__wallet span{color:#abc2d7}
.launch-pool__body{min-width:0;align-self:center}
.launch-pool__metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0 0 30px;gap:16px}
.launch-pool__metrics>div+div{border-left:1px solid rgba(141,174,213,.18);padding-left:20px}
.launch-pool dt{color:#93acc2;font-size:13px;margin-bottom:8px}.launch-pool dd{margin:0;font-size:16px;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
.launch-pool dd.launch-pool__reward{color:#36b3ff}.launch-pool__time{display:inline-block;padding:7px 12px;background:rgba(108,146,194,.13);border-radius:7px;font-size:14px}
.launch-pool__bottom{display:grid;grid-template-columns:minmax(160px,1fr) auto;align-items:center;gap:28px}
.launch-pool__progress progress{display:block;width:100%;height:8px;border:0;border-radius:8px;overflow:hidden;background:#254866;accent-color:#299be9}
.launch-pool__progress progress::-webkit-progress-bar{background:#254866;border-radius:8px}.launch-pool__progress progress::-webkit-progress-value{background:#299be9;border-radius:8px}.launch-pool__progress progress::-moz-progress-bar{background:#299be9;border-radius:8px}
.launch-pool__progress>div{display:flex;justify-content:space-between;gap:12px;margin-top:10px;color:#9bb5cb;font-size:12px}
.launch-pool__actions{display:flex;gap:14px}.launch-pool__actions .crypto-form__button{margin:0;min-width:142px;padding:10px 18px;font-size:14px}
.launch-pool__claim:disabled{cursor:not-allowed;opacity:.65}
.launch-pool__actions button:focus-visible{outline:2px solid #80c9ff;outline-offset:4px}
.launch-pool__preview{margin:12px 0 0;font-size:11px;color:#90abc0}.launch-pool__details{grid-column:1/-1;border-top:1px solid rgba(141,174,213,.2);padding-top:20px}.launch-pool__details[hidden]{display:none}.launch-pool__details h4{font-size:16px;margin:0 0 8px;color:#e8f0f8}.launch-pool__details p{margin:0 0 16px;max-width:780px}.launch-pool__details dl{display:flex;flex-wrap:wrap;gap:36px;margin:0}
@media(max-width:1450px){.launch-pool{grid-template-columns:minmax(240px,29%) minmax(0,1fr);gap:22px;padding:24px}.launch-pool__metrics{gap:10px}.launch-pool__metrics>div+div{padding-left:10px}.launch-pool dd{font-size:14px}.launch-pool__bottom{gap:20px}.launch-pool__actions button{min-width:116px;padding:10px 12px}.launch-pool__heading{gap:12px}}
@media(max-width:1150px){.launch-pool{grid-template-columns:1fr}.launch-pool__intro{border-right:0;border-bottom:1px solid rgba(141,174,213,.16);padding:0 0 20px}.launch-pool__description{max-width:650px}.launch-pool__metrics{margin-bottom:24px}}
@media(max-width:650px){.launch-pool{padding:18px;gap:20px;border-radius:14px}.launch-pool__metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.launch-pool__metrics>div+div{padding-left:0;border-left:0}.launch-pool__metrics>div:last-child{grid-column:1/-1}.launch-pool__bottom{grid-template-columns:1fr}.launch-pool__actions button{flex:1;min-width:0}.launch-pool__title h3{font-size:18px}.launch-pool__heading img{width:48px;height:48px}.launch-pool__progress>div{flex-wrap:wrap}.launch-pool__details dl{gap:20px}}