*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;color:#05070a;background:#fff}
.web3-root-page{position:relative;max-width:560px;margin:0 auto;min-height:100vh;overflow:hidden;background:#f4f7f5}
.web3-bg-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;background:#eef4ef}
.web3-grid-mask{position:absolute;inset:0;z-index:1;background-image:linear-gradient(rgba(0,0,0,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.16) 1px,transparent 1px);background-size:9px 9px;opacity:.50;pointer-events:none;mask-image:linear-gradient(180deg,transparent 0%,#000 10%,#000 84%,transparent 100%)}
.web3-fade{position:absolute;left:0;right:0;bottom:0;height:48vh;z-index:2;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.76) 44%,#fff 94%);pointer-events:none}
.web3-content{position:absolute;left:50%;bottom:62px;transform:translateX(-50%);z-index:5;width:calc(100% - 64px);max-width:470px;padding:0;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important}
.web3-content h1{margin:0 0 14px;font-size:38px;font-weight:950;line-height:1.12;letter-spacing:-.04em;color:#05070a;text-shadow:0 1px 2px rgba(255,255,255,.35)}
.web3-content p{margin:0 0 30px;font-size:20px;font-weight:850;line-height:1.35;color:rgba(70,70,70,.58);letter-spacing:.03em}
.login-btn,.register-btn{display:flex;align-items:center;justify-content:center;width:100%;height:64px;border-radius:999px;text-decoration:none;font-size:20px;font-weight:950}
.login-btn{background:#247617;color:#fff;box-shadow:0 12px 28px rgba(36,118,23,.22)}
.register-btn{margin-top:20px;background:rgba(244,244,244,.90);color:#05070a}
@media(max-width:480px){
    .web3-content{width:calc(100% - 64px);bottom:104px}
    .web3-content h1{font-size:34px}
    .web3-content p{font-size:18px;margin-bottom:26px}
    .login-btn,.register-btn{height:60px}
}
@media(max-height:760px){
    .web3-content{bottom:72px}
    .web3-content h1{font-size:30px}
    .web3-content p{font-size:16px;margin-bottom:18px}
    .login-btn,.register-btn{height:54px}
    .register-btn{margin-top:14px}
}