.homeDiv{color:#fff;box-sizing:border-box;justify-content:center;align-items:center;height:100vh;padding:20px;font-family:Arial,sans-serif;display:flex}.content{text-align:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-sizing:border-box;background:#ffffff0f;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;align-items:center;gap:18px;width:420px;padding:40px;display:flex;box-shadow:0 10px 40px #0009}h1{letter-spacing:1px;background-color:#0000;font-size:2rem}p{opacity:.7;background-color:#0000}.imageBox{background:#ffffff0d;border-radius:12px;width:100%;height:180px;overflow:hidden}.imageBox img{object-fit:cover;width:100%;height:100%;display:block}.connect{flex-direction:column;gap:12px;width:100%;display:flex}.connect input,.connect button{box-sizing:border-box;border-radius:10px;width:100%;height:44px;font-size:14px}.connect input{color:#fff;background:#0000004d;border:1px solid #ffffff1a;outline:none;padding:0 12px;transition:all .3s}.connect input:focus{border-color:#6a11cb;box-shadow:0 0 10px #6a11cb66}.connect button{cursor:pointer;color:#fff;background:linear-gradient(135deg,#6a11cb,#2575fc);border:none;transition:all .3s}.connect button:hover{opacity:.9;transform:translateY(-2px)}@media (width<=768px){.content{width:90%;padding:25px}h1{font-size:1.6rem}.imageBox{height:150px}}@media (width<=480px){.content{width:95%;padding:18px}h1{font-size:1.3rem}p{font-size:.9rem}.imageBox{height:130px}}.App{background-color:#3a3a3b;min-height:100vh}@media (width>=1025px){.App{margin-left:10%;margin-right:10%;box-shadow:0 0 20px #00000014}}@media (width<=1024px){.App{box-shadow:none;width:100%;margin:0}}html,body{background-color:#2a2a2a;margin:0;padding:0;overflow-x:hidden}
