html,body{
height:100%;
margin:0;
}
body{
font-family:Arial,Helvetica,sans-serif;
color:#fff;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
background:#000;
}

/* tiger stripes */
body:before{
content:"";
position:fixed;
inset:0;
background:
repeating-linear-gradient(
120deg,
transparent 0 80px,
rgba(243,111,22,.75) 80px 95px,
transparent 95px 180px
);
opacity:.35;
filter:blur(1px);
}

.container{
position:relative;
z-index:2;
width:min(1100px,92vw);
text-align:center;
}

.ttlogo{
width:min(700px,75vw);
max-height:38vh;
object-fit:contain;
mix-blend-mode:screen;
}

h1{
font-size:clamp(1.3rem,2vw,2rem);
margin:10px 0;
}

.thanks,.recommend{
max-width:800px;
margin:12px auto;
font-size:clamp(1rem,1.8vw,1.5rem);
line-height:1.3;
}

.rule{
width:70%;
height:2px;
background:#f36f16;
margin:16px auto;
}

.riblogo{
width:min(820px,80vw);
max-height:16vh;
object-fit:contain;
}

.button{
display:inline-block;
margin-top:14px;
padding:18px 36px;
background:linear-gradient(#ff8b34,#f36f16);
border:2px solid #fff;
border-radius:14px;
color:#fff;
text-decoration:none;
font-size:clamp(1.2rem,2vw,2rem);
font-weight:bold;
}

.footer{
margin-top:12px;
opacity:.8;
}