@font-face{font-family:Bounded;src:url('fonts/Bounded-Light.woff2') format('woff2');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:Bounded;src:url('fonts/Bounded-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Bounded;src:url('fonts/Bounded-SemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;width:100%;min-height:100%;background:#fff;font-family:Bounded,Arial,sans-serif;color:#080808;overflow-x:hidden}
button,input{font:inherit;border:0;background:none;color:inherit}button{cursor:pointer;padding:0}.page{position:relative;width:100%;min-height:100dvh;background:#fff;overflow:hidden;padding:clamp(22px,6.2vw,38px) clamp(24px,7.6vw,46px) 104px}.top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5}.menu{width:48px;height:34px;display:flex;flex-direction:column;gap:12px;justify-content:center}.menu span{width:42px;height:5px;background:#050505;border-radius:20px}.back{font-size:44px;line-height:1;font-weight:300;position:relative;z-index:6}.hero{width:54px;height:54px;border-radius:50%;object-fit:cover}.nickname-row{margin-top:54px;display:flex;align-items:center;gap:9px;position:relative;z-index:5}.nickname{font-size:clamp(18px,4.5vw,27px);font-weight:600;outline:none;min-width:120px}.nickname-edit{width:30px;height:30px;border-radius:50%;background:#6f7dfc;opacity:.95}.subtitle{margin-top:10px;font-size:clamp(12px,2.6vw,15px);font-weight:300}.decor{position:absolute;border-radius:999px;pointer-events:none}.decor.light{background:#6f7dfc}.decor.dark{background:#4052e4}.decor.big-left{width:170px;height:230px;left:-82px;top:378px}.decor.dot-left{width:24px;height:24px;left:112px;top:376px}.decor.big-right{width:188px;height:188px;right:-130px;bottom:90px}.decor.dot-bottom{width:35px;height:35px;right:105px;bottom:203px}.balance-block{text-align:center;margin-top:70px;position:relative;z-index:3}.balance-label{font-size:clamp(17px,4vw,23px);font-weight:400}.balance-amount{font-size:clamp(34px,8vw,52px);font-weight:400;margin-top:22px}.primary-btn{display:inline-flex;align-items:center;justify-content:center;background:#4052e4;color:#f5f5f5;border-radius:16px;min-height:45px;padding:0 48px;font-size:clamp(14px,3.1vw,18px);font-weight:300;position:relative;overflow:hidden;box-shadow:none}.primary-btn::after{content:"";position:absolute;right:-22px;top:-26px;width:78px;height:78px;background:#6f7dfc;border-radius:50%;opacity:.78}.primary-btn span{position:relative;z-index:1}.withdraw-btn{margin-top:30px}.section-title{margin:58px 0 7px;font-size:clamp(17px,4vw,22px);font-weight:400;position:relative;z-index:3}.section-desc{font-size:clamp(11px,2.8vw,15px);font-weight:300;line-height:1.17;position:relative;z-index:3}.cards-scroller{display:flex;gap:58px;overflow-x:auto;scroll-snap-type:x mandatory;padding:42px 0 18px;position:relative;z-index:4;margin-left:0;margin-right:-46px;scrollbar-width:none}.cards-scroller::-webkit-scrollbar{display:none}.task-card-small{flex:0 0 310px;height:390px;border-radius:34px;background:#6f7dfc;color:#fff;padding:45px 36px;position:relative;overflow:hidden;scroll-snap-align:start}.task-card-small:nth-child(even){background:#4052e4}.task-card-small::before{content:"";position:absolute;right:-38px;top:-38px;width:170px;height:170px;background:rgba(255,255,255,.28);border-radius:50%}.task-card-small::after{content:"";position:absolute;left:-42px;bottom:-42px;width:160px;height:160px;background:rgba(255,255,255,.18);border-radius:50%}.task-card-small h3{margin:0 0 12px;font-size:clamp(20px,5vw,28px);font-weight:400}.task-card-small p{margin:0;font-size:clamp(14px,3.4vw,19px);font-weight:300;line-height:1.08}.task-card-small .price{position:absolute;left:36px;bottom:150px;font-size:clamp(24px,6vw,34px);font-weight:400}.round-arrow{position:absolute;right:34px;bottom:70px;width:68px;height:68px;border-radius:50%;background:#fff;color:#4052e4;font-size:42px;display:flex;align-items:center;justify-content:center;z-index:2}.more-btn{display:flex;margin:36px auto 0;width:max-content;max-width:86%;padding:0 23px;text-align:center;line-height:1.05}.bottom-nav{position:fixed;left:0;right:0;bottom:0;height:86px;background:#fff;display:flex;align-items:center;justify-content:space-around;z-index:50;padding:0 55px}.nav-item{width:32px;height:32px;color:#c9c9c9}.nav-item.active{color:#4052e4}.nav-icon{width:32px;height:32px;display:block}.input-title{text-align:center;margin:32px 0 28px;font-size:clamp(14px,3.4vw,18px);font-weight:400}.amount-display{text-align:center;min-height:42px;color:#ddd;font-size:clamp(12px,2.7vw,16px);font-weight:300;border-bottom:4px solid #4052e4;max-width:275px;margin:0 auto 30px;padding-bottom:12px}.amount-display.has-value{font-size:clamp(36px,10vw,58px);color:#080808;border-color:#e8e8e8}.numpad{width:min(330px,70vw);margin:0 auto 28px;display:grid;grid-template-columns:repeat(3,1fr);gap:0;position:relative}.numpad::before,.numpad::after{content:"";position:absolute;top:0;bottom:0;width:7px;background:#eee;border-radius:20px}.numpad::before{left:33.33%}.numpad::after{left:66.66%}.digit{height:88px;font-size:clamp(45px,12vw,72px);font-weight:400;border-bottom:7px solid #eee}.digit:nth-child(7),.digit:nth-child(8),.digit:nth-child(9),.digit.zero{border-bottom:0}.digit.zero{grid-column:2}.cards-mini{display:flex;flex-direction:column;gap:16px;margin:30px 10px 44px;position:relative;z-index:3}.pill-card{height:48px;border-radius:12px;background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.18);display:flex;align-items:center;padding:0 18px;font-size:clamp(10px,2.5vw,13px);font-weight:400}.operations-title{font-size:clamp(16px,3.6vw,20px);font-weight:400;margin:40px 0 30px}.operation{display:grid;grid-template-columns:1fr auto;gap:10px;border-top:3px solid #eee;padding:18px 0 16px}.operation-date{font-size:clamp(9px,2.2vw,12px);font-weight:300}.operation-amount{font-size:clamp(16px,3.8vw,23px);font-weight:400;margin-top:4px}.operation-card{font-size:clamp(8px,2vw,11px);font-weight:400;align-self:center}.loader-overlay{position:fixed;inset:0;background:rgba(0,0,0,.24);display:flex;align-items:center;justify-content:center;z-index:99}.loader{width:78px;height:78px;border-radius:50%;border:8px solid rgba(255,255,255,.75);border-top-color:#4052e4;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.month-title{margin:68px 0 38px;font-size:clamp(33px,7.8vw,50px);font-weight:600}.week-strip{height:118px;border-radius:19px;background:#4052e4;color:#fff;display:grid;grid-template-columns:repeat(7,1fr);align-items:center;position:relative;overflow:hidden;padding:0 16px;margin-bottom:66px}.week-strip::before{content:"";position:absolute;right:60px;top:-45px;width:154px;height:154px;border-radius:50%;background:#6f7dfc}.day{position:relative;z-index:2;text-align:center;font-size:clamp(10px,2.5vw,13px);font-weight:300;padding:16px 0;border-radius:28px}.day span{display:block;margin-top:6px;font-size:clamp(14px,3.3vw,17px);font-weight:400}.day.today{background:#fff;color:#000;min-height:118px;display:flex;flex-direction:column;justify-content:center}.tasks-list-title{text-align:center;font-size:clamp(17px,4vw,22px);font-weight:400;margin-bottom:30px}.task-row{height:126px;border-radius:22px;background:#fff;box-shadow:0 13px 20.9px rgba(0,0,0,.25);padding:26px 100px 22px 28px;position:relative;margin:0 18px 30px}.task-row h3{margin:0 0 8px;font-size:clamp(14px,3.4vw,19px);font-weight:400}.task-row p{margin:0;font-size:clamp(9px,2.2vw,12px);font-weight:300}.task-row .price{margin-top:13px;font-size:clamp(14px,3.4vw,19px);font-weight:400}.task-row .go{position:absolute;right:30px;top:50%;transform:translateY(-50%);width:66px;height:66px;border-radius:50%;background:#4052e4;color:#fff;font-size:44px;display:flex;align-items:center;justify-content:center}.empty-bottom{height:50px}@media(max-width:430px){.page{padding-left:22px;padding-right:22px}.cards-scroller{gap:38px;margin-right:-22px}.task-card-small{flex-basis:232px;height:300px;padding:32px 24px}.task-card-small .price{bottom:108px;left:24px}.round-arrow{width:54px;height:54px;right:24px;bottom:44px}.bottom-nav{padding:0 44px}.numpad{width:300px}.digit{height:72px}.task-row{margin-left:14px;margin-right:14px;padding-right:82px}.task-row .go{width:54px;height:54px;right:22px}}
.landing {
  background: #fff;
  overflow: hidden;
}

.decor{
  position:absolute;
  border-radius:999px;
  pointer-events:none;
  z-index:0;
}

.decor-left {
  width: 180px;
  height: 180px;
  left: -90px;
  top: 115px;
  background: #6F7DFC;
}

.decor-right {
  width: 220px;
  height: 220px;
  right: -115px;
  bottom: -35px;
}

.decor-dot {
  position: absolute;
  border-radius: 50%;
  background: #4052E4;
  z-index: 1;
}

.dot-left {
  width: 22px;
  height: 22px;
  left: 105px;
  top: 150px;
  background: #6F7DFC;
}

.dot-right {
  width: 36px;
  height: 36px;
  right: 90px;
  bottom: 235px;
}

.landing-logo-wrap {
  position: absolute;
  left: 50%;
  top: 40%;
  transform: translate(-50%, -50%) scale(.8);
  opacity: 0;
  text-align: center;
  animation: landingAppear 1s ease forwards;
  z-index: 5;
}

.landing-logo {
  width: 170px;
  margin: 0 auto 25px;
}

.landing-title {
  font-size: 52px;
  font-weight: 600;
  color: #4052E4;
}

.landing-loading {
  position: absolute;
  left: 50%;
  top: 59%;
  transform: translateX(-50%);
  text-align: center;
  z-index: 5;
}

.loading-text {
  font-size: 20px;
  font-weight: 300;
  color: #4052E4;
  margin-bottom: 25px;
}

.landing-spinner {
  width: 70px;
  height: 70px;
  border: 5px solid transparent;
  border-top: 5px solid #4052E4;
  border-left: 5px solid #4052E4;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin: 0 auto;
}

.landing-content {
  opacity: 0;
  pointer-events: none;
}

.landing.loaded .landing-loading {
  display: none;
}

.landing.loaded .landing-logo-wrap {
  top: 7%;
  display: flex;
  align-items: center;
  gap: 18px;
  transform: translateX(-50%) scale(1);
  animation: none;
}

.landing.loaded .landing-logo {
  width: 58px;
  margin: 0;
}

.landing.loaded .landing-title {
  font-size: 58px;
}

.landing.loaded .landing-content {
  opacity: 1;
  pointer-events: auto;
}

.landing-info {
  position: absolute;
  left: 50%;
  top: 43%;
  transform: translateX(-50%);
  width: 80%;
  text-align: center;
  color: #4052E4;
  font-size: 18px;
  font-weight: 400;
  line-height: .95;
  z-index: 5;
}

.landing-button {
  position: absolute;
  left: 50%;
  top: 56%;
  transform: translateX(-50%);
  width: 62%;
  height: 54px;
  border-radius: 15px;
  background: linear-gradient(160deg, #4052E4 0%, #4052E4 75%, #6F7DFC 76%);
  color: #F5F5F5;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 21px;
  font-weight: 300;
  z-index: 5;
}

@keyframes landingAppear {
  from {
    opacity: 0;
    transform: translate(-50%, -50%) scale(.8);
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}

.page {
  padding-bottom: 120px;
}