:root{color:#17191e;background:#f5f7fb;font-family:Lato,Segoe UI,Roboto,Arial,sans-serif;font-synthesis:none;text-rendering:geometricprecision;--tron-red: #c23631;--tron-red-bright: #ef4a44;--tron-red-dark: #ad302c;--ink: #17191e;--muted: #737c89;--line: #e8ebf1}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f5f7fb}button{border:0;background:none;color:inherit;cursor:pointer;font:inherit}a{color:var(--tron-red);text-decoration:none}a:hover{color:var(--tron-red-dark)}.app-shell{min-height:100svh;overflow:hidden;background:linear-gradient(90deg,#f5f7fb52,#f5f7fb05),#f5f7fb url(../ui-assets/tron-hero-background.png) center / cover no-repeat}.back-link{position:fixed;top:25px;left:28px;z-index:3;display:inline-flex;height:44px;align-items:center;gap:9px;border:1px solid rgba(194,54,49,.16);border-radius:999px;background:#ffffffd1;padding:0 17px 0 14px;color:#373c46;font-size:14px;font-weight:700;box-shadow:0 5px 18px #1b222f0f;transition:border-color .16s ease,background-color .16s ease,transform .16s ease}.back-link:hover{border-color:#c2363152;background:#fff;color:var(--tron-red)}.back-link:active{transform:translateY(1px)}.back-link svg{width:16px;height:16px}.back-link path{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.connect-stage{display:flex;min-height:100svh;width:min(1440px,100%);align-items:center;margin:0 auto;padding:clamp(42px,6vw,88px)}.wallet-modal{width:min(458px,100%);border:1px solid rgba(24,32,45,.07);border-radius:24px;background:#fffffff7;padding:36px 34px 25px;box-shadow:0 28px 64px #1a212c1f,0 4px 16px #1a212c0a;text-align:center}.modal-logo{display:block;width:174px;height:auto;margin:0 auto 29px}.wallet-modal h1{margin:0;color:var(--ink);font-size:25px;font-weight:700;line-height:1.25}.modal-subtitle{margin:10px auto 27px;max-width:325px;color:var(--muted);font-size:14px;line-height:1.5}.methods{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:25px}.method{position:relative;display:flex;height:108px;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1px solid var(--line);border-radius:13px;background:#f8f9fb;color:#343a45;font-size:12px;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease}.method:hover{border-color:#c2363152}.method.selected{border-color:#c236316b;background:#fff5f4;box-shadow:inset 0 0 0 1px #c2363114}.method:focus-visible,.connect:focus-visible{outline:2px solid rgba(194,54,49,.7);outline-offset:2px}.wallet-icon{display:block;height:38px;width:42px;object-fit:contain}.wallet-icon.ledger{width:70px;height:27px}.wallet-icon.walletconnect{height:34px}.check-icon{position:absolute;top:9px;right:9px;width:15px;height:15px;border:1.5px solid #cfd4dd;border-radius:50%}.method.selected .check-icon{border-color:var(--tron-red-bright);background:var(--tron-red-bright)}.method.selected .check-icon:after{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;background:#fff;content:""}.connect{width:100%;height:49px;border-radius:10px;background:linear-gradient(135deg,var(--tron-red-bright),var(--tron-red));color:#fff;font-size:15px;font-weight:700;box-shadow:0 13px 25px #c236313b;transition:transform .16s ease,box-shadow .16s ease}.connect:hover{transform:translateY(-1px);box-shadow:0 16px 29px #c2363147}.connect:active{transform:translateY(0)}.consent{margin:22px auto 0;color:#8a919d;font-size:12px;line-height:1.65}.consent a{margin:0 4px}@media (max-width: 760px){.app-shell{background-position:73% center}.app-shell:before{position:fixed;top:0;right:0;bottom:0;left:0;background:#f5f7fb91;content:""}.back-link{top:14px;left:14px;height:40px;padding-right:14px;font-size:13px}.connect-stage{position:relative;z-index:1;justify-content:center;padding:62px 16px 22px}.wallet-modal{padding:29px 19px 20px;border-radius:20px}.modal-logo{width:151px;margin-bottom:23px}.wallet-modal h1{font-size:22px}.modal-subtitle{margin-bottom:22px}.methods{gap:7px}.method{height:94px}.wallet-icon{height:33px}}