:root{--c-bg: #0f2a22;--c-bg-soft: #14352b;--c-surface: #ffffff;--c-surface-2: #f4f1ea;--c-border: #ece7dc;--c-border-strong: #ddd6c7;--c-text: #1f1b16;--c-text-soft: #6b6358;--c-text-faint: #a39a8c;--c-text-invert: #fbfaf6;--c-primary: #0e7c5a;--c-primary-strong: #0a5e44;--c-primary-soft: #e2f2ea;--c-accent: #ff7a45;--c-success: #138a52;--c-success-soft: #e2f2ea;--c-warning: #b9700a;--c-warning-soft: #fbeed7;--c-danger: #d6402c;--c-danger-soft: #fbe7e2;--c-eth: #627eea;--c-bsc: #f0b90b;--c-tron: #ef0027;--radius-sm: 12px;--radius: 16px;--radius-lg: 24px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(63, 51, 33, .05);--shadow: 0 10px 30px rgba(63, 51, 33, .08);--shadow-lg: 0 30px 70px rgba(20, 14, 6, .22);--font: "Pretendard", "Pretendard Variable", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Inter", system-ui, "Segoe UI", Roboto, sans-serif;--font-mono: "SFMono-Regular", ui-monospace, Menlo, Consolas, monospace;--maxw: 1080px;--header-h: 60px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);color:var(--c-text);background:radial-gradient(1100px 600px at 100% -5%,#fdf3e9,#fdf3e900 55%),radial-gradient(900px 500px at -10% 0%,#eaf4ee,#eaf4ee00 50%),#faf8f4;background-attachment:fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.6;font-size:16px}a{color:var(--c-primary-strong);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{line-height:1.2;margin:0;letter-spacing:-.02em;font-weight:800}button{font-family:inherit}.app-shell{display:flex;flex-direction:column;min-height:100%}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 16px}.page{flex:1;padding:20px 0 calc(40px + env(safe-area-inset-bottom))}.page-narrow{max-width:520px;margin:0 auto}.stack{display:flex;flex-direction:column;gap:16px}.row{display:flex;align-items:center;gap:12px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.grid-2,.grid-3{display:grid;grid-template-columns:1fr;gap:14px}@media (min-width: 720px){.container{padding:0 20px}.page{padding:32px 0 80px}.grid-2{grid-template-columns:repeat(2,1fr);gap:16px}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px}}.site-header{position:sticky;top:0;z-index:40;background:#faf8f4d1;backdrop-filter:saturate(160%) blur(14px);-webkit-backdrop-filter:saturate(160%) blur(14px);border-bottom:1px solid var(--c-border);padding-top:env(safe-area-inset-top)}.site-header .inner{height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px;color:var(--c-text);letter-spacing:-.02em}.brand:hover{text-decoration:none}.brand .logo{width:34px;height:34px;border-radius:11px;background:linear-gradient(140deg,var(--c-primary) 0%,#1ba877 55%,var(--c-accent) 130%);display:grid;place-items:center;color:#fff;font-weight:900;font-size:16px;box-shadow:0 6px 16px #0e7c5a52}.brand .brand-mark{width:34px;height:34px;object-fit:contain;display:block;flex-shrink:0}.footer-logo{width:38px;height:38px;object-fit:contain;padding:5px;border-radius:11px;background:#fff;box-shadow:0 6px 16px #00000047;flex-shrink:0}.auth-logo{height:44px;width:auto;object-fit:contain;margin:0 auto 14px;display:block}.nav{display:flex;align-items:center;gap:4px}.nav a{color:var(--c-text-soft);font-weight:700;font-size:14px;padding:9px 14px;border-radius:var(--radius-pill)}.nav a:hover{color:var(--c-text);background:#0e7c5a12;text-decoration:none}.nav a.active{color:var(--c-primary-strong);background:var(--c-primary-soft)}.header-actions{display:flex;align-items:center;gap:8px}.menu-toggle{display:inline-grid;place-items:center;border:1px solid var(--c-border-strong);background:#fff;border-radius:12px;width:44px;height:44px;cursor:pointer;font-size:20px;color:var(--c-text)}.menu-toggle:active{transform:scale(.96)}.nav.desktop{display:none}@media (max-width: 879px){.header-actions .btn,.header-actions>span{display:none}}@media (min-width: 880px){.nav.desktop{display:flex}.menu-toggle{display:none}}.drawer-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#1610086b;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:60}.drawer-scrim.show{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(84vw,340px);background:var(--c-surface);z-index:70;transform:translate(102%);transition:transform .3s cubic-bezier(.22,.61,.36,1);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;padding:16px 18px calc(20px + env(safe-area-inset-bottom));padding-top:calc(16px + env(safe-area-inset-top));overflow-y:auto}.drawer.open{transform:translate(0)}.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.drawer-close{width:40px;height:40px;border-radius:12px;border:1px solid var(--c-border);background:#fff;font-size:18px;cursor:pointer;color:var(--c-text-soft)}.drawer-nav{display:flex;flex-direction:column;gap:2px}.drawer-nav a{display:flex;align-items:center;gap:12px;padding:15px 14px;border-radius:14px;font-weight:700;font-size:16px;color:var(--c-text)}.drawer-nav a:hover{text-decoration:none;background:var(--c-surface-2)}.drawer-nav a.active{background:var(--c-primary-soft);color:var(--c-primary-strong)}.drawer-divider{height:1px;background:var(--c-border);margin:14px 0}.drawer-actions{display:flex;flex-direction:column;gap:10px;margin-top:auto}@media (min-width: 880px){.drawer,.drawer-scrim{display:none}}.site-footer{background:linear-gradient(180deg,var(--c-bg-soft),var(--c-bg));color:var(--c-text-invert);padding:40px 0 calc(40px + env(safe-area-inset-bottom));margin-top:auto}.site-footer a{color:#a7d8c4}.site-footer .muted{color:#8fa79b;font-size:13px}.footer-links{display:flex;flex-wrap:wrap;gap:14px 18px;font-size:14px}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow)}.card.pad-lg{padding:24px}.card-title{font-size:17px;font-weight:800;margin-bottom:4px}.card-sub{color:var(--c-text-soft);font-size:14px}@media (min-width: 720px){.card{padding:24px}.card.pad-lg{padding:32px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1.5px solid transparent;border-radius:var(--radius-pill);padding:12px 20px;min-height:46px;font-size:15px;font-weight:800;cursor:pointer;transition:transform .06s ease,background .15s ease,box-shadow .18s ease,border-color .15s ease;white-space:nowrap;letter-spacing:-.01em}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#12936b,var(--c-primary));color:#fff;box-shadow:0 10px 22px #0e7c5a47}.btn-primary:hover:not(:disabled){background:var(--c-primary-strong);box-shadow:0 12px 26px #0e7c5a57}.btn-ghost{background:#fff;border-color:var(--c-border-strong);color:var(--c-text)}.btn-ghost:hover:not(:disabled){background:var(--c-surface-2);border-color:var(--c-text-faint)}.btn-subtle{background:var(--c-primary-soft);color:var(--c-primary-strong)}.btn-subtle:hover:not(:disabled){background:#d2ebe0}.btn-danger{background:#fff;border-color:var(--c-danger);color:var(--c-danger)}.btn-danger:hover:not(:disabled){background:var(--c-danger-soft)}.btn-block{width:100%}.btn-lg{padding:15px 26px;min-height:54px;font-size:16px}.btn-sm{padding:8px 14px;min-height:38px;font-size:13px}.field{display:flex;flex-direction:column;gap:7px}.field>label{font-weight:700;font-size:14px;color:var(--c-text)}.field .hint{font-size:12.5px;color:var(--c-text-faint)}.input,.select,textarea.input{width:100%;border:1.5px solid var(--c-border-strong);border-radius:var(--radius);padding:13px 15px;font-size:16px;font-family:inherit;color:var(--c-text);background:#fff;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.input:focus,.select:focus,textarea.input:focus{border-color:var(--c-primary);box-shadow:0 0 0 4px var(--c-primary-soft)}.input::placeholder{color:var(--c-text-faint)}.input:disabled{background:var(--c-surface-2);color:var(--c-text-soft)}.input-group{display:flex;gap:8px}.input-group .input{flex:1}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:var(--radius-pill);font-size:12.5px;font-weight:800;line-height:1.4}.badge-neutral{background:var(--c-surface-2);color:var(--c-text-soft)}.badge-info{background:var(--c-primary-soft);color:var(--c-primary-strong)}.badge-success{background:var(--c-success-soft);color:var(--c-success)}.badge-warning{background:var(--c-warning-soft);color:var(--c-warning)}.badge-danger{background:var(--c-danger-soft);color:var(--c-danger)}.chain-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.alert{border-radius:var(--radius);padding:13px 16px;font-size:14px;border:1px solid transparent;line-height:1.55}.alert-info{background:var(--c-primary-soft);color:var(--c-primary-strong);border-color:#c7e6d7}.alert-warning{background:var(--c-warning-soft);color:#8a5400;border-color:#f1d7a6}.alert-danger{background:var(--c-danger-soft);color:#a02a1b;border-color:#f4c5bc}.alert-success{background:var(--c-success-soft);color:#0c6e40;border-color:#bfe6d2}.list{display:flex;flex-direction:column}.list-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0;border-bottom:1px solid var(--c-border)}.list-item:last-child{border-bottom:none}.kv{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px dashed var(--c-border);font-size:14px}.kv:last-child{border-bottom:none}.kv .k{color:var(--c-text-soft)}.kv .v{font-weight:700;text-align:right;word-break:break-all}.mono{font-family:var(--font-mono);font-size:13px}.muted{color:var(--c-text-soft)}.faint{color:var(--c-text-faint)}.small{font-size:13px}.center{text-align:center}.strong{font-weight:800}.nowrap{white-space:nowrap}.mt-0{margin-top:0}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.gap-sm{gap:8px}.prose{font-size:15px;color:var(--c-text)}.prose h1{font-size:23px;margin:18px 0 10px}.prose h2{font-size:19px;margin:18px 0 10px}.prose h3{font-size:16px;margin:14px 0 8px}.prose p{margin:10px 0}.prose ul,.prose ol{margin:10px 0;padding-left:22px}.prose li{margin:5px 0}.prose a{text-decoration:underline}.prose code{font-family:var(--font-mono);background:var(--c-surface-2);padding:1px 6px;border-radius:6px;font-size:13px}.prose hr{border:none;border-top:1px solid var(--c-border);margin:18px 0}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.spinner.dark{border-color:var(--c-border-strong);border-top-color:var(--c-primary)}@keyframes spin{to{transform:rotate(360deg)}}.full-center{min-height:60vh;display:grid;place-items:center;text-align:center;padding:24px 16px}.empty{padding:40px 16px;text-align:center;color:var(--c-text-faint)}.hero{background:radial-gradient(900px 420px at 88% -20%,#1ea877,#1ea87700 60%),linear-gradient(160deg,#0f3c2c 0%,var(--c-bg) 70%);color:var(--c-text-invert);border-radius:var(--radius-lg);padding:40px 24px 48px;position:relative;overflow:hidden;margin-top:8px}.hero:after{content:"";position:absolute;right:-80px;bottom:-120px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,#ff7a4566,#ff7a4500);pointer-events:none;z-index:0}.hero-inner{position:relative;z-index:1}.hero h1{font-size:clamp(28px,7vw,46px);font-weight:900;letter-spacing:-.03em;line-height:1.12}.hero p.lead{color:#c8e3d6;font-size:clamp(15px,4vw,18px);max-width:540px;margin:14px 0 24px}.hero .eyebrow{display:inline-flex;align-items:center;gap:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#d8efe4;padding:7px 15px;border-radius:var(--radius-pill);font-size:13px;font-weight:700}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.btn-on-dark{background:#ffffff1f;border-color:#ffffff42;color:#fff}.btn-on-dark:hover:not(:disabled){background:#fff3}@media (min-width: 720px){.hero{padding:64px 40px 72px;margin-top:12px}}@media (max-width: 520px){.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{width:100%}}.feature-grid{display:grid;grid-template-columns:1fr;gap:14px}@media (min-width: 720px){.feature-grid{grid-template-columns:repeat(3,1fr);gap:16px}}.feature{background:#fff;border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow-sm);transition:transform .15s ease,box-shadow .15s ease}.feature:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.feature .icon{width:46px;height:46px;border-radius:14px;background:var(--c-primary-soft);color:var(--c-primary-strong);display:grid;place-items:center;font-size:22px;margin-bottom:12px}.balance-card{background:radial-gradient(420px 200px at 110% -30%,#ff7a4559,#ff7a4500 60%),linear-gradient(155deg,#15885f,#0c5d43 60%,#0a3f2e);color:#fff;border-radius:var(--radius-lg);padding:22px;position:relative;overflow:hidden;box-shadow:var(--shadow)}.balance-card .chain-name{font-weight:800;display:flex;align-items:center;gap:8px;font-size:14px}.balance-card .amount{font-size:28px;font-weight:900;margin-top:14px;letter-spacing:-.025em;word-break:break-all}.balance-card .sub{color:#b7d8cb;font-size:12.5px;margin-top:4px}.tabs{display:flex;gap:4px;background:var(--c-surface-2);padding:5px;border-radius:var(--radius-pill);border:1px solid var(--c-border)}.tabs button{flex:1;border:none;background:transparent;padding:11px 12px;border-radius:var(--radius-pill);font-weight:800;font-size:14px;color:var(--c-text-soft);cursor:pointer;transition:background .15s ease,color .15s ease}.tabs button.active{background:#fff;color:var(--c-primary-strong);box-shadow:var(--shadow-sm)}.support-grid{display:grid;grid-template-columns:1fr;gap:14px;align-items:start}@media (min-width: 860px){.support-grid{grid-template-columns:320px 1fr;gap:16px}}.chat-window{display:flex;flex-direction:column;height:min(72vh,620px);border:1px solid var(--c-border);border-radius:var(--radius-lg);overflow:hidden;background:#fff;box-shadow:var(--shadow)}.chat-head{padding:14px 18px;border-bottom:1px solid var(--c-border);display:flex;align-items:center;justify-content:space-between;gap:12px}.chat-body{flex:1;overflow-y:auto;padding:18px;background:var(--c-surface-2);display:flex;flex-direction:column;gap:10px}.bubble{max-width:80%;padding:11px 15px;border-radius:18px;font-size:14.5px;line-height:1.5;white-space:pre-wrap;word-break:break-word;box-shadow:var(--shadow-sm)}.bubble.mine{align-self:flex-end;background:linear-gradient(135deg,#12936b,var(--c-primary));color:#fff;border-bottom-right-radius:5px}.bubble.theirs{align-self:flex-start;background:#fff;border:1px solid var(--c-border);border-bottom-left-radius:5px}.bubble .time{display:block;margin-top:4px;font-size:11px;opacity:.7}.chat-input{display:flex;gap:8px;padding:12px;border-top:1px solid var(--c-border);background:#fff}.chat-input textarea{flex:1;resize:none;max-height:120px;border-radius:var(--radius)}.conn-dot{width:8px;height:8px;border-radius:50%;background:var(--c-text-faint)}.conn-dot.on{background:var(--c-success)}.conn-dot.off{background:var(--c-danger)}.otp-sent{font-size:13px;color:var(--c-text-soft)}.steps{display:flex;gap:8px;margin-bottom:16px}.steps .step{flex:1;height:5px;border-radius:var(--radius-pill);background:var(--c-border);transition:background .2s ease}.steps .step.done{background:linear-gradient(90deg,var(--c-primary),#1ba877)}.toast-wrap{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:80;display:flex;flex-direction:column;gap:8px;width:min(92vw,440px)}.toast{background:#21201c;color:#fff;padding:14px 16px;border-radius:var(--radius);box-shadow:var(--shadow-lg);font-size:14px;display:flex;align-items:flex-start;gap:10px;cursor:pointer;animation:toast-in .2s ease}.toast>span:first-child{flex:none;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:12px;background:#ffffff29}.toast.error{background:#7c241a}.toast.success{background:#0c5d43}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}}