.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border-radius:12px;font-weight:600;font-size:14px;border:1px solid transparent;transition:transform .05s ease,background .15s ease,border-color .15s ease,opacity .15s ease}.btn:disabled{cursor:not-allowed;opacity:.55}.btn:active:not(:disabled){transform:translateY(1px)}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px #7c5cff66}.btn--block{width:100%}.btn--primary{background:linear-gradient(135deg,#7c5cff,#4b8bff);color:#fff;box-shadow:0 6px 20px #7c5cff66}.btn--primary:hover:not(:disabled){filter:brightness(1.08)}.btn--secondary{background:#181d27;color:#f3f5fa;border-color:#ffffff1a}.btn--secondary:hover:not(:disabled){background:#1f2532}.btn--ghost{background:transparent;color:#c5cad6}.btn--ghost:hover:not(:disabled){background:#ffffff0a;color:#f3f5fa}.btn--danger{background:#ff547029;color:#ff5470;border-color:#ff54704d}.btn--danger:hover:not(:disabled){background:#ff54703d}.btn__spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:btn-spin .7s linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#020409b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:100;padding:16px;animation:modal-fade .15s ease}.modal__panel{background:#11151c;border:1px solid rgba(255,255,255,.1);border-radius:18px;box-shadow:0 8px 24px #0009;width:100%;max-height:90vh;overflow:auto;animation:modal-pop .18s ease}.modal__head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.06)}.modal__title{font-weight:700;font-size:16px}.modal__close{background:transparent;border:none;color:#8a91a3;font-size:22px;line-height:1;padding:4px 8px;border-radius:8px}.modal__close:hover{background:#ffffff0f;color:#f3f5fa}.modal__body{padding:20px}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.klip-modal{display:flex;flex-direction:column;align-items:center;gap:16px}.klip-modal__desc{text-align:center;color:#c5cad6;font-size:14px}.klip-modal__qr{padding:16px;background:#fff;border-radius:12px}.klip-modal__hint{text-align:center;color:#8a91a3;font-size:13px;line-height:1.5}.klip-modal__actions{width:100%;display:flex;flex-direction:column;gap:8px}.klip-modal__loading{padding:40px 0;color:#8a91a3}.hdr{position:sticky;top:0;z-index:50;background:#07090db3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.06)}.hdr__inner{display:flex;align-items:center;height:64px;gap:24px}.hdr__brand{display:flex;align-items:center;line-height:0}.hdr__logo{height:32px;width:auto;display:block}@media (max-width: 480px){.hdr__logo{height:26px}}.hdr__nav{display:flex;gap:4px;margin-left:auto}.hdr__nav a{padding:8px 14px;border-radius:999px;color:#8a91a3;font-weight:600;font-size:13px;transition:color .15s ease,background .15s ease}.hdr__nav a:hover{color:#f3f5fa}.hdr__nav a.active{color:#f3f5fa;background:#ffffff0f}@media (max-width: 720px){.hdr__nav{display:none}}.hdr__right{margin-left:auto;display:flex;align-items:center;gap:8px}@media (max-width: 720px){.hdr__right{margin-left:auto}}.hdr__wallet{display:flex;align-items:center;gap:10px}.hdr__points{display:flex;align-items:baseline;gap:6px;padding:8px 14px;background:#181d27;border:1px solid rgba(255,255,255,.1);border-radius:999px;font-size:14px}.hdr__points span{font-size:12px}.hdr__points strong{color:#7c5cff;font-weight:700}.hdr__mm-label{display:inline-flex;align-items:center;gap:8px;line-height:1}.hdr__mm-label svg{display:block;flex-shrink:0}.hdr__addr{background:#181d27;border:1px solid rgba(255,255,255,.1);color:#f3f5fa;padding:8px 14px;border-radius:999px;font-family:JetBrains Mono,SF Mono,Menlo,Consolas,monospace;font-size:13px;transition:background .15s ease}.hdr__addr:hover{background:#1f2532}.hdr__hamburger{display:none;width:36px;height:36px;margin-right:4px;background:#181d27;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:0;cursor:pointer;position:relative;flex-shrink:0}.hdr__hamburger span{position:absolute;left:9px;right:9px;height:2px;background:#f3f5fa;border-radius:2px;transition:transform .18s ease,opacity .18s ease,top .18s ease}.hdr__hamburger span:nth-child(1){top:11px}.hdr__hamburger span:nth-child(2){top:17px}.hdr__hamburger span:nth-child(3){top:23px}.hdr__hamburger.is-open span:nth-child(1){top:17px;transform:rotate(45deg)}.hdr__hamburger.is-open span:nth-child(2){opacity:0}.hdr__hamburger.is-open span:nth-child(3){top:17px;transform:rotate(-45deg)}@media (max-width: 720px){.hdr__hamburger{display:inline-block}}.hdr__backdrop{display:none}@media (max-width: 720px){.hdr__backdrop{display:block;position:fixed;top:64px;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:40}}.hdr__sheet{display:none}@media (max-width: 720px){.hdr__sheet{display:flex;flex-direction:column;position:absolute;top:64px;left:0;right:0;background:#0b0d12f5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.06);padding:8px 16px 16px;z-index:45;animation:hdr-sheet-in .18s ease-out}.hdr__sheet a{display:block;padding:14px 12px;border-radius:10px;color:#c5cad6;font-weight:600;font-size:15px;border-bottom:1px solid rgba(255,255,255,.06)}.hdr__sheet a:last-child{border-bottom:none}.hdr__sheet a.active{color:#f3f5fa;background:#7c5cff1a}}@keyframes hdr-sheet-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.card{background:linear-gradient(180deg,#ffffff05,#fff0),#11151c;border:1px solid rgba(255,255,255,.06);border-radius:18px;box-shadow:0 12px 40px #00000073;display:flex;flex-direction:column;gap:16px}.card--p-sm{padding:16px}.card--p-md{padding:22px}.card--p-lg{padding:28px}.card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.card__title{font-size:16px;font-weight:700;color:#f3f5fa}.card__subtitle{margin-top:4px;font-size:13px;color:#8a91a3}.card__body{display:flex;flex-direction:column;gap:14px}.dashboard{display:flex;flex-direction:column;gap:24px}.dashboard__hero{background:linear-gradient(180deg,#ffffff05,#fff0),#11151c;border:1px solid rgba(255,255,255,.06);border-radius:18px;box-shadow:0 12px 40px #00000073;display:flex;align-items:center;justify-content:space-between;padding:32px;gap:24px;background:radial-gradient(800px 200px at 100% 0%,rgba(124,92,255,.18),transparent 60%),#11151c}@media (max-width: 720px){.dashboard__hero{flex-direction:column;align-items:flex-start}}.dashboard__balance{display:flex;flex-direction:column;gap:4px}.dashboard__balance h2{font-size:40px;font-weight:800;letter-spacing:-.02em}.dashboard__balance h2 small{font-size:14px;color:#8a91a3;font-weight:600;margin-left:6px}.dashboard__addr{color:#8a91a3;font-size:13px;margin-top:6px}.dashboard__actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;max-width:360px}.dashboard__actions>a{display:block}@media (max-width: 720px){.dashboard__actions{max-width:none}}@media (max-width: 380px){.dashboard__actions{grid-template-columns:1fr}}.dashboard__actions .btn--deposit{background:linear-gradient(135deg,#4b8bff,#1f5fd6);color:#fff;border-color:transparent;box-shadow:0 6px 20px #4b8bff52}.dashboard__actions .btn--deposit:hover:not(:disabled){filter:brightness(1.08);background:linear-gradient(135deg,#4b8bff,#1f5fd6)}.dashboard__actions .btn--staking{background:linear-gradient(135deg,#ffb547,#f97316);color:#fff;border-color:transparent;box-shadow:0 6px 20px #ff914752}.dashboard__actions .btn--staking:hover:not(:disabled){filter:brightness(1.08);background:linear-gradient(135deg,#ffb547,#f97316)}.dashboard__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (max-width: 720px){.dashboard__stats{grid-template-columns:1fr}}.dashboard__stats .stat{font-size:24px;font-weight:700;letter-spacing:-.01em}.dashboard__stats .stat.accent{color:#7c5cff}.stake-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.stake-list li{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#0b0d12;border:1px solid rgba(255,255,255,.06);border-radius:12px}.stake-list__amt{font-weight:700;font-size:15px}.stake-list__amt small{font-size:11px;color:#8a91a3;margin-left:4px;font-weight:600}.stake-list__meta{font-size:12px;margin-top:2px}.field{display:flex;flex-direction:column;gap:6px;width:100%}.field__label{font-size:13px;color:#8a91a3;font-weight:500}.field__wrap{display:flex;align-items:center;background:#0b0d12;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:0 14px;transition:border-color .15s ease,box-shadow .15s ease}.field__wrap:focus-within{border-color:#7c5cff;box-shadow:0 0 0 3px #7c5cff66}.field__wrap.is-error{border-color:#ff5470}.field__input{flex:1;background:transparent;border:none;color:#f3f5fa;font-size:15px;padding:12px 0;outline:none;min-width:0}.field__input::placeholder{color:#5a6072}.field__suffix{color:#8a91a3;font-size:13px;font-weight:600;margin-left:8px}.field__hint{font-size:12px;color:#5a6072}.field__error{font-size:12px;color:#ff5470}.staking{display:grid;grid-template-columns:1fr 1.4fr;gap:16px;align-items:flex-start}@media (max-width: 880px){.staking{grid-template-columns:1fr}}.staking__periods{display:grid;grid-template-columns:1fr 1fr;gap:8px}.staking__period{background:#0b0d12;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;text-align:left;color:#c5cad6;transition:border-color .15s,background .15s;cursor:pointer}.staking__period:hover{border-color:#ffffff29}.staking__period.is-active{border-color:#7c5cff;background:#7c5cff14;box-shadow:0 0 0 3px #7c5cff29}.staking__period-name{font-weight:700;color:#f3f5fa;font-size:15px}.staking__period-apr{font-size:12px;color:#7c5cff;margin-top:4px;font-weight:600}.staking__max{background:#7c5cff29;color:#7c5cff;border:none;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.05em;cursor:pointer;transition:background .15s ease}.staking__max:hover:not(:disabled){background:#7c5cff3d}.staking__max:disabled{opacity:.4;cursor:not-allowed}.staking__summary{display:flex;flex-direction:column;gap:8px;padding:14px;background:#0b0d12;border:1px solid rgba(255,255,255,.06);border-radius:12px;font-size:13px}.staking__reward{color:#2ecc71;font-weight:700}.staking__error{color:#ff5470;font-size:13px;padding:8px 12px;background:#ff547029;border-radius:8px}.staking__warning{margin-top:4px;padding:14px 16px;background:#ff547029;border:1px solid #ff5470;border-radius:12px;color:#f3f5fa;font-size:13px;line-height:1.55}.staking__warning p{margin:0 0 10px}.staking__warning strong{color:#ff5470;font-weight:700}.staking__warning-title{font-weight:700;color:#ff5470;margin-bottom:6px;font-size:13px;letter-spacing:.02em}.staking__agreement{display:flex;gap:8px;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:13px;font-weight:600;color:#f3f5fa}.staking__agreement input[type=checkbox]{width:16px;height:16px;accent-color:#ff5470;cursor:pointer}.stk-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.stk-list__item{background:#0b0d12;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}.stk-list__item.is-cancelled,.stk-list__item.is-claimed{opacity:.7}.stk-list__top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.stk-list__amt{font-size:18px;font-weight:700}.stk-list__amt small{font-size:11px;color:#8a91a3;margin-left:4px;font-weight:600}.stk-list__meta{font-size:12px;margin-top:2px}.stk-list__bottom{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;padding-top:12px;border-top:1px dashed rgba(255,255,255,.06);font-size:13px;align-items:center}@media (max-width: 480px){.stk-list__bottom{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.stk-list__actions{grid-column:span 2}}.withdraw{display:grid;grid-template-columns:1fr;gap:16px;align-items:flex-start}.withdraw__max{background:#7c5cff29;color:#7c5cff;border:none;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.05em;cursor:pointer}.withdraw__max:hover{background:#7c5cff3d}.withdraw__meta{display:flex;flex-direction:column;gap:8px;padding:14px;background:#0b0d12;border-radius:12px;border:1px solid rgba(255,255,255,.06);font-size:13px}.withdraw__alert{padding:10px 12px;border-radius:12px;font-size:13px}.withdraw__alert.is-error{background:#ff547029;color:#ff5470}.withdraw__alert.is-ok{background:#2ecc7129;color:#2ecc71}.wd-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.wd-list li{display:flex;justify-content:space-between;align-items:flex-start;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.06);gap:12px}.wd-list li:last-child{border-bottom:none}.wd-list__amt{font-weight:700}.wd-list__amt small{font-size:11px;color:#8a91a3;margin-left:4px;font-weight:600}.wd-list__meta{font-size:12px;margin-top:2px}.wd-list__tx{font-size:11px;margin-top:2px}.wd-list__reason{font-size:12px;color:#ff5470;margin-top:4px}.landing{display:flex;flex-direction:column;gap:48px}.landing__hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding:60px 0 20px}.landing__hero .landing__logo{height:56px;width:auto;margin-bottom:8px}@media (max-width: 640px){.landing__hero .landing__logo{height:44px}}.landing__hero h1{font-size:44px;font-weight:800;line-height:1.15;letter-spacing:-.02em;background:linear-gradient(180deg,#f3f5fa,#f3f5fab3);-webkit-background-clip:text;background-clip:text;color:transparent}@media (max-width: 640px){.landing__hero h1{font-size:32px}}.landing__hero p{max-width:600px;font-size:16px;color:#c5cad6}.landing__chip{display:inline-flex;padding:6px 12px;border-radius:999px;background:#7c5cff1f;color:#7c5cff;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.landing__cta{margin-top:8px;font-size:14px}.landing__cta strong{color:#f3f5fa;font-weight:700}.landing__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width: 720px){.landing__grid{grid-template-columns:1fr}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(1200px 600px at 80% -10%,rgba(124,92,255,.18),transparent 60%),radial-gradient(900px 500px at -10% 110%,rgba(75,139,255,.12),transparent 60%),#07090d;color:#f3f5fa;font-family:Pretendard,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}h1,h2,h3,h4,p{margin:0}input,button{font-family:inherit}.container{max-width:1080px;margin:0 auto;padding:0 24px}@media (max-width: 640px){.container{padding:0 16px}}.app-main{padding:32px 24px 80px}@media (max-width: 640px){.app-main{padding:20px 16px 60px}}.muted{color:#8a91a3}.mono{font-family:JetBrains Mono,SF Mono,Menlo,Consolas,monospace}.row{display:flex;align-items:center;gap:12px}.between{display:flex;align-items:center;justify-content:space-between;gap:12px}.col{display:flex;flex-direction:column;gap:12px}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.02em}.badge.active{background:#7c5cff29;color:#7c5cff}.badge.success{background:#2ecc7129;color:#2ecc71}.badge.danger{background:#ff547029;color:#ff5470}.badge.muted{background:#ffffff0f;color:#8a91a3}