*{box-sizing:border-box}
html{background:#111;color-scheme:dark}
body{margin:0;min-width:320px;background:#111;color:#fff;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
.page{
    width:min(100%,480px);
    min-height:100vh;
    margin:0 auto;
    overflow:hidden;
    background:#000 url("../images/background/main-bg.webp") top center/100% auto repeat-y;
    box-shadow:0 0 50px rgba(0,0,0,.85)
}
.copyright{
    margin-top:8px;padding:27px 10px 22px;
    border-top:3px solid #c7b90c;border-radius:18px 18px 0 0;
    background:rgba(0,0,0,.73);
    color:#8d8d8d;text-align:center;font-size:10px
}
.toast{
    position:fixed;left:50%;bottom:16px;z-index:9999;
    max-width:calc(100% - 30px);padding:9px 13px;
    background:rgba(0,0,0,.94);border:1px solid gold;border-radius:99px;
    font-size:10px;font-weight:700;opacity:0;pointer-events:none;
    transform:translate(-50%,12px);transition:.2s ease
}
.toast.show{opacity:1;transform:translate(-50%,0)}
.simple{margin:30px 20px;padding:20px;background:rgba(0,0,0,.75);border:2px solid red;text-align:center}