:root{--ink:#20243a;--muted:#8188a4;--purple:#6870f5;--purple-deep:#5660df;--blue:#57b8ec;--surface:#f4f7ff;--line:#e2e6f2;--mint:#e9f9f7;--mint-ink:#238e8b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#eff3ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}.site-shell{min-height:100vh;position:relative;overflow:hidden;padding-bottom:60px;background:radial-gradient(circle at 50% -15%,#ffffff 0,#f1f5ff 42%,#edf1fb 100%)}.ambient{position:fixed;border-radius:999px;filter:blur(70px);opacity:.42;pointer-events:none}.ambient-one{width:360px;height:360px;top:80px;left:-140px;background:#bac2ff}.ambient-two{width:420px;height:420px;right:-180px;top:260px;background:#a6e5ff}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;height:70px;justify-content:space-between;padding:0 max(24px,calc((100vw - 1060px)/2));border-bottom:1px solid rgba(214,219,236,.8);background:rgba(255,255,255,.78);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand,.topbar{display:flex;align-items:center}.brand{gap:10px;color:var(--ink);text-decoration:none;font-size:20px;font-weight:850;letter-spacing:-.02em}.brand-mark,.hero-icon{display:grid;place-items:center;color:white;background:linear-gradient(135deg,var(--purple),var(--blue));box-shadow:0 9px 28px rgba(104,112,245,.27)}.brand-mark{width:36px;height:36px;border-radius:12px}.nav-actions{display:flex;align-items:center;gap:10px}.network-pill,.wallet-button{height:40px;display:inline-flex;align-items:center;gap:8px;border-radius:999px}.network-pill{padding:0 14px;color:#66708e;background:#f4f6fb;font-size:13px;font-weight:700}.network-dot{width:8px;height:8px;border-radius:50%;background:#f4bb28;box-shadow:0 0 0 4px rgba(244,187,40,.14)}.wallet-button{border:0;padding:0 17px;color:white;font-size:13px;font-weight:750;background:#242940;box-shadow:0 10px 25px rgba(28,33,55,.16)}.app-wrap{position:relative;z-index:2;width:min(760px,calc(100% - 30px));margin:34px auto 0}.status-row{display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:14px;color:#8a91aa;font-size:12px}.status-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;font-weight:750}.status-demo{color:#93620d;background:#fff5dc}.status-live{color:#21836f;background:#e8f8f3}.status-pulse{width:7px;height:7px;border-radius:50%;background:currentColor}.hero-card{position:relative;overflow:hidden;min-height:300px;padding:28px;border-radius:30px 30px 0 0;color:white;background:linear-gradient(135deg,#6870f5,#638df4 55%,#55bce9);box-shadow:0 28px 80px -36px rgba(68,83,173,.7)}.hero-glow{position:absolute;width:210px;height:210px;right:-30px;top:-70px;border-radius:50%;background:rgba(255,255,255,.14);filter:blur(3px)}.hero-head,.hero-title,.hero-title p,.section-head,.util-head{display:flex;align-items:center}.hero-head{position:relative;justify-content:space-between}.hero-title{gap:13px}.hero-icon{width:48px;height:48px;border-radius:16px;background:rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}.hero-title h1{margin:0;font-size:25px;letter-spacing:-.03em}.hero-title p{gap:5px;margin:3px 0 0;color:rgba(255,255,255,.72);font-size:12px;font-weight:650}.listing-badge{padding:7px 11px;border-radius:999px;color:rgba(255,255,255,.85);background:rgba(255,255,255,.14);font-size:11px;font-weight:750}.hero-balance{position:relative;margin-top:33px}.hero-balance>span{color:rgba(255,255,255,.72);font-size:13px;font-weight:650}.hero-balance strong{display:block;margin-top:4px;font-size:clamp(40px,8vw,55px);line-height:1;letter-spacing:-.05em}.hero-balance small{font-size:15px;letter-spacing:0;color:rgba(255,255,255,.78)}.hero-balance p{max-width:580px;margin:15px 0 0;color:rgba(255,255,255,.78);font-size:14px;line-height:1.7}.hero-cta{position:relative;display:inline-flex;align-items:center;gap:8px;height:44px;margin-top:20px;padding:0 20px;border:0;border-radius:999px;color:var(--purple-deep);background:white;font-weight:800;box-shadow:0 13px 30px rgba(56,72,169,.24)}.dashboard{padding:22px;border-radius:0 0 30px 30px;background:var(--surface);box-shadow:0 30px 80px -45px rgba(58,72,145,.55)}.quick-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:9px;gap:9px}.action-card,.quick-stats article,.util-card{background:white;box-shadow:0 8px 24px rgba(86,99,159,.07)}.quick-stats article{min-width:0;padding:16px;border-radius:19px}.quick-stats article.lavender{background:#eef0ff}.quick-stats article.mint{background:var(--mint)}.allocation-grid span,.mechanism-grid small,.mechanism-grid span,.position-grid span,.quick-stats small,.quick-stats span,.repay-grid span,.terms-grid span,.util-card span{display:block}.quick-stats span{color:#8a91aa;font-size:11px;font-weight:650}.quick-stats strong{display:block;overflow:hidden;margin-top:7px;color:#303750;font-size:24px;text-overflow:ellipsis}.quick-stats .lavender strong{color:var(--purple-deep)}.quick-stats .mint strong{color:var(--mint-ink)}.quick-stats small{margin-top:2px;color:#8790ac;font-size:10px;font-weight:650}.util-card{margin-top:12px;padding:19px;border-radius:23px}.util-head{justify-content:space-between}.util-head>div:last-child{text-align:right}.util-head span{color:#8a91aa;font-size:11px}.util-head strong{display:block;margin-top:4px;color:#303750;font-size:22px}.util-head>div:last-child strong{color:var(--purple);font-size:14px}.progress{height:9px;overflow:hidden;margin-top:13px;border-radius:99px;background:#e8ebf5}.progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--purple),var(--blue))}.util-card>p{display:flex;align-items:center;gap:7px;margin:11px 0 0;color:#8a91aa;font-size:11px}.allocation-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px;margin-top:13px}.allocation-grid>div{min-width:0;padding:11px;border-radius:13px;background:#f6f7fc}.allocation-grid span{color:#8a91aa;font-size:9px}.allocation-grid strong{display:block;overflow:hidden;margin-top:4px;color:#4c5575;font-size:12px;text-overflow:ellipsis}.tabs{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:4px;gap:4px;margin-top:14px;padding:5px;border-radius:16px;background:#e8ebf6}.tabs button{height:42px;display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:12px;color:#8a91aa;background:transparent;font-size:13px;font-weight:750}.tabs button.active{color:var(--purple-deep);background:white;box-shadow:0 4px 14px rgba(89,101,166,.1)}.action-card{margin-top:14px;padding:21px;border-radius:24px}.section-head{align-items:flex-start;justify-content:space-between;gap:16px}.section-head h2{display:flex;align-items:center;gap:8px;margin:0;color:#303750;font-size:17px}.section-head p{margin:6px 0 0;color:#8a91aa;font-size:11px;line-height:1.6}.amber-badge,.green-badge{flex:none;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:800}.green-badge{color:#258877;background:#e8f8f2}.amber-badge{color:#9a681a;background:#fff3dc}.borrow-grid,.mechanism-grid,.position-grid,.repay-grid,.terms-grid{display:grid;grid-gap:9px;gap:9px}.position-grid{grid-template-columns:repeat(2,1fr);margin-top:17px}.position-grid>div{display:grid;grid-template-columns:auto 1fr;grid-gap:4px 8px;gap:4px 8px;padding:14px;border-radius:16px;background:#f6f7fc}.position-grid>div.mint{background:var(--mint)}.position-grid svg{grid-row:span 2;color:var(--purple)}.position-grid span{color:#8a91aa;font-size:10px}.position-grid strong{color:#3b425e;font-size:13px}.amount-field{display:block;margin-top:16px}.amount-field>span{display:block;margin-bottom:7px;color:#858ca5;font-size:11px;font-weight:700}input{width:100%;height:47px;padding:0 14px;border:1px solid #dfe3ef;outline:none;border-radius:13px;color:#303750;background:#fafbfe}input:focus{border-color:#9298f7;box-shadow:0 0 0 4px rgba(104,112,245,.1)}.disclosure{margin-top:14px;padding:10px 12px;border:1px solid #e8ebf3;border-radius:12px;color:#8990a6;background:#fbfcff;font-size:10px;line-height:1.55}.disclosure summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;font-weight:700}.disclosure summary::-webkit-details-marker{display:none}.disclosure[open] summary svg{transform:rotate(90deg)}.disclosure div{margin-top:8px;padding-top:8px;border-top:1px solid #eceef5}.disclosure p{margin:3px 0}.action-grid{display:grid;grid-gap:8px;gap:8px;margin-top:14px}.action-grid.three{grid-template-columns:repeat(3,1fr)}.action-button{min-height:45px;display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:13px;color:white;background:var(--purple);font-size:12px;font-weight:800;box-shadow:0 10px 22px rgba(104,112,245,.19)}.action-button:hover{background:var(--purple-deep)}.action-button:disabled{cursor:wait;opacity:.65}.action-button.secondary{color:var(--purple-deep);background:#eef0ff;box-shadow:none}.action-button.mint-button{color:var(--mint-ink);background:var(--mint);box-shadow:none}.terms-grid{grid-template-columns:repeat(4,1fr);margin-top:17px}.repay-grid>div,.terms-grid>div{padding:13px;border-radius:15px;background:#f6f7fc}.repay-grid span,.terms-grid span{color:#8a91aa;font-size:10px}.repay-grid strong,.terms-grid strong{display:block;margin-top:5px;color:#3b425e;font-size:15px}.borrow-grid{grid-template-columns:repeat(2,1fr);margin-top:14px}.borrow-grid>div{display:grid;grid-gap:10px;gap:10px;padding:15px;border:1px solid #e5e8f2;border-radius:17px;background:#fbfcff}.borrow-grid>div.primary-panel{border-color:#ced3ff;background:#f2f4ff}.step{color:#727b9b;font-size:11px;font-weight:800}.borrow-grid small{color:#8a91aa;font-size:10px}.repay-grid{grid-template-columns:repeat(3,1fr);margin:18px 0 14px}.message{margin-top:13px;padding:11px 13px;border-radius:12px;color:#765512;background:#fff6df;font-size:11px;line-height:1.5}.mechanism-grid{grid-template-columns:repeat(3,1fr);margin-top:13px}.mechanism-grid>div{position:relative;padding:15px;border-radius:17px;background:rgba(255,255,255,.74)}.mechanism-grid svg{position:absolute;right:13px;top:13px;color:#a2a8bc}.mechanism-grid span{color:#8a91aa;font-size:10px}.mechanism-grid strong{display:block;margin-top:6px;color:#3c445f;font-size:16px}.mechanism-grid small{margin-top:4px;color:#989eb1;font-size:9px;line-height:1.45}footer{padding:22px 0 0;text-align:center;color:#9aa0b4;font-size:11px}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:680px){.topbar{height:62px;padding:0 14px}.brand{font-size:18px}.brand-mark{width:33px;height:33px}.network-pill{display:none}.wallet-button{height:37px;padding:0 13px}.app-wrap{width:min(100% - 18px,760px);margin-top:18px}.status-row{align-items:flex-start;flex-direction:column;gap:5px;padding-left:5px}.hero-card{min-height:290px;padding:22px 19px;border-radius:24px 24px 0 0}.hero-title h1{font-size:22px}.hero-balance{margin-top:28px}.hero-balance p{font-size:12px}.dashboard{padding:13px;border-radius:0 0 24px 24px}.quick-stats{gap:6px}.quick-stats article{padding:12px 10px;border-radius:15px}.quick-stats strong{font-size:18px}.quick-stats span{font-size:9px}.allocation-grid{grid-template-columns:repeat(2,1fr)}.tabs button{gap:4px;font-size:11px}.action-card{padding:16px 13px;border-radius:19px}.section-head{display:block}.section-head h2{font-size:15px}.amber-badge,.green-badge{display:inline-block;margin-top:8px}.action-grid.three,.repay-grid,.terms-grid{grid-template-columns:repeat(2,1fr)}.action-grid.three .mint-button,.repay-grid>div:last-child{grid-column:1/-1}.borrow-grid,.mechanism-grid{grid-template-columns:1fr}}