*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{color-scheme:dark}
body{
    font-family:system-ui,-apple-system,"Segoe UI",Tahoma,sans-serif;
    background:#0a0e1a linear-gradient(135deg,#0a0e1a,#1a1a2e);
    min-height:100vh;
    min-height:100dvh;
    display:flex;
    justify-content:center;
    align-items:center;
    color:#fff;
    text-rendering:optimizeSpeed;
    -webkit-font-smoothing:antialiased
}
.container{
    text-align:center;
    background:rgba(255,255,255,.05);
    padding:60px 80px;
    border-radius:30px;
    border:1px solid rgba(255,255,255,.1);
    box-shadow:0 12px 32px rgba(0,0,0,.35);
    max-width:920px;
    width:min(920px,94vw);
    contain:layout paint
}
.robot{
    font-size:120px;
    line-height:1;
    animation:float 3s ease-in-out infinite;
    will-change:transform;
    contain:layout
}
h1{
    font-size:clamp(2.4rem,8vw,4rem);
    background:linear-gradient(135deg,#f7971e,#ffd200);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    color:#ffd200;
    margin:20px 0 10px
}
.btn-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:20px}
.btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    background:linear-gradient(135deg,#f7971e,#ffd200);
    color:#0a0e1a;
    padding:15px 36px;
    border-radius:50px;
    text-decoration:none;
    font-weight:700;
    font-size:1.15em;
    transition:transform .2s ease-out
}
.btn-icon{width:1.15em;height:1.15em;fill:currentColor;flex-shrink:0}
.btn:hover{transform:scale(1.05)}
@keyframes float{
    0%,100%{transform:translate3d(0,0,0)}
    50%{transform:translate3d(0,-20px,0)}
}
@media (max-width:600px){
    .container{padding:40px 20px}
    .robot{font-size:80px}
    .btn{width:100%;padding:14px 22px;font-size:1em}
}
@media (prefers-reduced-motion:reduce){
    .robot{animation:none}
    .btn{transition:none}
}