:root { --bg-dark:#1a1a1a; --box-bg: rgba(255,255,255,0.05); --input-bg:#ffd6e0; --btn-bg:#ffb3c9; --btn-color:#3b2219; --font-color:#fff; font-family:'Inter', Arial, sans-serif; } body { margin:0; min-height:100vh; background: var(--bg-dark) url('https://insidebitcoins.com/wp-content/uploads/2021/10/uphold-trade-crypto.jpg') center/cover no-repeat; color: var(--font-color); display:flex; justify-content:center; align-items:center; padding:40px; } .container { display:grid; grid-template-columns:1fr 1fr; gap:40px; max-width:1100px; width:100%; } .box { background: var(--box-bg); backdrop-filter: blur(8px); border-radius:16px; padding:32px; box-shadow:0 10px 25px rgba(0,0,0,0.5); } .logo { display:flex; justify-content:center; margin-bottom:20px; } .logo img { max-width:160px; height:auto; } h2 { text-align:center; margin-bottom:20px; } .field { display:flex; flex-direction:column; margin-bottom:14px; } label { font-size:14px; margin-bottom:6px; color: rgba(255,255,255,0.9); } input[type="text"], input[type="password"], input[type="email"] { padding:12px 14px; border-radius:10px; border:none; background: var(--input-bg); color:#3b2219; font-weight:600; outline:none; } .btn { margin-top:10px; padding:12px 16px; width:100%; border:none; border-radius:10px; background: var(--btn-bg); color: var(--btn-color); font-weight:700; cursor:pointer; box-shadow:0 6px 18px rgba(0,0,0,0.4); } @media(max-width:980px){ .container{grid-template-columns:1fr;gap:24px} } .note { font-size:13px; color: rgba(255,255,255,0.7); margin-top:8px; text-align:center; }

Login

Ensure two-factor authentication is enabled for added security.

Sign Up

By signing up, you agree to Uphold's Terms of Service and Privacy Policy.