/* Reset layout defaults */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* 
   FIX: Using CSS Grid with 100dvh (Dynamic Viewport Height). 
   This forces a mathematical dead-center position across all 
   desktop and mobile screens, ignoring browser address bars.
*/
body, html {
    width: 100%;
    height: 100dvh; 
    display: grid;
    place-items: center;
    background: radial-gradient(circle, #0e1e33 0%, #050b14 100%);
    overflow: hidden;
}

/* Container limits width and keeps everything aligned */
.container {
    display: grid;
    place-items: center;
    width: 100%;
    max-width: 800px;
    padding: 20px;
}

/* Responsive logo scaling */
img {
    max-width: 100%;
    height: auto;
    display: block;
    user-select: none;
    mix-blend-mode: screen !important;
}