:root{--cyan:#00e5ef;--blue:#168cff;--green:#20dda0;--text:#f2f8ff;--muted:#7c93aa;--line:#173753}*{box-sizing:border-box}body{margin:0;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 18% 55%,#073374 0,transparent 26%),radial-gradient(circle at 80% 10%,#112c55 0,transparent 24%),linear-gradient(145deg,#020611,#061124 60%,#020817);color:var(--text);font:14px Inter,Arial,sans-serif}.orb{position:fixed;width:260px;height:260px;border-radius:50%;filter:blur(110px);opacity:.18;pointer-events:none}.orb-one{background:#006cff;left:-100px;top:30%}.orb-two{background:#00e5ef;right:-100px;bottom:5%}header{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:24px 28px}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.brand-mark{display:grid;place-items:center;width:45px;height:45px;border:1px solid var(--cyan);border-radius:12px;color:var(--cyan);font:700 22px Orbitron;box-shadow:0 0 19px #00e5ef67}.brand strong{display:block;font:700 20px Orbitron}.brand strong span{color:#28dea0}.brand small{display:block;margin-top:3px;color:#9badbf;font-size:8px;letter-spacing:1.4px}.help{display:flex;align-items:center;gap:6px;color:#91a8bc;text-decoration:none;font-size:11px}.help svg{width:16px}main{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:45px;max-width:1080px;min-height:calc(100vh - 94px);margin:auto;padding:35px 28px 80px}.visual{text-align:center}.cube{position:relative;display:grid;place-items:center;width:195px;height:195px;margin:0 auto 35px;border:1px solid #0e6597;border-radius:38%;background:radial-gradient(circle,#0a3d65,#031024 68%);box-shadow:0 0 45px #008cff38,inset 0 0 35px #00e5ef25;transform:rotate(45deg)}.cube-core{display:grid;place-items:center;width:88px;height:88px;border:2px solid var(--cyan);border-radius:22px;background:#05162a;color:var(--cyan);font:700 30px Orbitron;box-shadow:0 0 28px #00e5ef99;transform:rotate(-45deg)}.orbit{position:absolute;inset:20px;border:1px solid #168cff88;border-radius:40%}.orbit.one{transform:rotate(30deg)}.orbit.two{transform:rotate(65deg)}.visual>p{margin:0 0 9px;color:var(--cyan);font-size:10px;font-weight:800;letter-spacing:2px}.visual h1{margin:0;font-size:35px;line-height:1.25}.visual h1 span{color:var(--cyan);text-shadow:0 0 18px #00e5ef55}.benefits{display:flex;justify-content:center;gap:25px;margin-top:26px;color:#8fa5b9;font-size:10px}.benefits span{display:flex;align-items:center;gap:6px}.benefits svg{width:16px;color:var(--green)}.login-card{position:relative;padding:29px;border:1px solid #1a466b;border-radius:19px;background:linear-gradient(145deg,#09182de8,#040b18ed);box-shadow:0 25px 75px #000a,inset 0 0 35px #0d345427;backdrop-filter:blur(18px)}.network{position:absolute;right:17px;top:16px;display:flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid #174b4b;border-radius:13px;background:#092620;color:#8fd9c0;font-size:8px}.network span{width:7px;height:7px;border-radius:50%;background:#28dda0;box-shadow:0 0 8px #28dda0}.card-heading{padding:16px 0 24px}.card-heading p{margin:0 0 8px;color:var(--cyan);font-size:9px;font-weight:800;letter-spacing:1.5px}.card-heading h2{margin:0 0 8px;font-size:24px}.card-heading>span{display:block;max-width:380px;color:var(--muted);font-size:11px;line-height:1.6}.wallet-option{width:100%;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;margin-bottom:10px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#07162a;color:#dbe9f7;text-align:left;cursor:pointer;transition:.22s}.wallet-option:hover{border-color:#168cff;transform:translateY(-1px);box-shadow:0 0 20px #168cff2d}.wallet-option.primary{border-color:#126cb0;background:linear-gradient(105deg,#08254b,#07162a)}.wallet-logo{display:grid;place-items:center;width:43px;height:43px;border:1px solid #2367a2;border-radius:11px;background:#0a2344}.wallet-logo.fox{color:#ff9940;font-size:23px;text-shadow:0 0 12px #ff7d29}.wallet-logo.mobile{color:var(--cyan)}.wallet-logo svg{width:22px}.wallet-option b,.wallet-option small{display:block}.wallet-option b{margin-bottom:4px;font-size:12px}.wallet-option small{color:#71899f;font-size:9px}.wallet-option>svg{width:17px;color:#66829b}.divider{display:flex;align-items:center;gap:10px;margin:20px 0;color:#577087;font-size:7px;letter-spacing:1px}.divider:before,.divider:after{content:"";height:1px;flex:1;background:#12304a}.terms{display:flex;align-items:flex-start;gap:9px;cursor:pointer}.terms input{position:absolute;opacity:0}.terms>span{flex:0 0 16px;height:16px;border:1px solid #31516c;border-radius:4px;background:#061224}.terms input:checked+span{border-color:#168cff;background:#168cff;box-shadow:inset 0 0 0 3px #061224}.terms p{margin:0;color:#768da2;font-size:9px;line-height:1.5}.terms a{color:#37bde7;text-decoration:none}.status{display:flex;align-items:center;gap:8px;margin-top:13px;padding:10px;border:1px solid #733743;border-radius:7px;background:#321521;color:#ff9ca5;font-size:9px}.status svg{width:16px}.login-card footer{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:22px;padding-top:16px;border-top:1px solid #102b43;color:#5f788f;font-size:8px}.login-card footer svg{width:13px}.connected{text-align:center;padding-top:20px}.success{display:grid;place-items:center;width:65px;height:65px;margin:auto;border:2px solid var(--green);border-radius:50%;background:#0a352b;color:var(--green);box-shadow:0 0 24px #20dda066}.success svg{width:30px}.connected h3{margin:15px 0 7px;font-size:19px}.connected>p{margin:0 0 18px;color:var(--cyan);font:600 11px Orbitron}.connection-info{display:flex;align-items:center;justify-content:space-between;padding:12px;border:1px solid var(--line);border-radius:8px;background:#061426;font-size:10px}.connection-info span{display:flex;align-items:center;gap:6px;color:#7890a7}.connection-info svg{width:14px;color:var(--green)}.dashboard,.disconnect{width:100%;cursor:pointer}.dashboard{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:13px;padding:12px;border:1px solid #168cff;border-radius:8px;background:linear-gradient(135deg,#075cb8,#078bd6);color:#fff;font-weight:700}.dashboard svg{width:17px}.disconnect{margin-top:8px;border:0;background:transparent;color:#738aa0;font-size:9px}
@media(max-width:780px){header{padding:18px}.help{font-size:0}.help svg{width:20px}main{display:block;min-height:auto;padding:25px 13px 45px}.visual{padding:10px 0 35px}.cube{width:125px;height:125px;margin-bottom:25px}.cube-core{width:58px;height:58px;font-size:20px}.orbit{inset:13px}.visual h1{font-size:25px}.benefits{margin-top:18px}.login-card{max-width:480px;margin:auto;padding:22px 18px}.network{top:13px;right:13px}.card-heading{padding-top:21px}.card-heading h2{font-size:21px}}
@media(max-width:390px){.brand strong{font-size:17px}.brand-mark{width:40px;height:40px}.visual h1{font-size:22px}.benefits{gap:13px}.login-card{padding:20px 14px}.wallet-option{grid-template-columns:40px 1fr auto}.wallet-logo{width:39px;height:39px}}
.referral-box{margin-bottom:13px;padding:12px;border:1px solid #145787;border-radius:10px;background:#071d36}.referral-box>label{display:block;margin-bottom:7px;color:#b8cbe0;font-size:10px;font-weight:700}.referral-box>div{position:relative}.referral-box svg{position:absolute;left:11px;top:11px;width:17px;color:#31c8ed}.referral-box input{width:100%;height:40px;padding:0 11px 0 37px;border:1px solid #1a476a;border-radius:7px;outline:0;background:#041326;color:#fff;text-transform:uppercase}.referral-box input:focus{border-color:#168cff;box-shadow:0 0 0 2px #168cff25}.referral-box small{display:block;margin-top:7px;color:#6f899f;font-size:8px;line-height:1.45}.wallet-option:disabled{opacity:.65;cursor:wait;transform:none}
.cube-core {
  width: 88px;
  height: 88px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 18px; /* change/remove if your cube is not rounded */
}

.cube-core img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain; /* keeps complete logo inside */
  display: block;
}
.cube-core img {
  width: 82% !important;
  height: 82% !important;
}