/* === GLOBAL BACKGROUND (prevents white flash + ensures bag.jpg always visible) === */
html{
  min-height:100%;
  background: #07060a url("/images/bag.jpg") no-repeat fixed center/cover;
}
body{
  min-height:100%;
  background: transparent; /* background lives on html */
}

/* === PAGE LAYOUT HELPERS === */
.page-wrap{
  max-width: 1200px;
  margin: 0 auto;
  padding: 26px 18px 70px;
}
.page-card{
  background: rgba(6,10,18,0.62);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 18px;
  box-shadow: 0 10px 34px rgba(0,0,0,0.55);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.page-card.pad{
  padding: 22px;
}

/* Keep text readable on the background image */
.page-card, .page-card *{
  color: inherit;
}
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@font-face {
	font-family: 'Panton';
	src: url(../fonts/panton.ttf);
}
html, body { height: 100%; }


body {
    margin: 0;
    padding: 0;
    font-family: 'Poppins', sans-serif;
    box-sizing: border-box;

    background: url("/images/bag.jpg") no-repeat center center fixed;
    background-size: cover;
    background-color: #05060a;
}

/* Ensure all elements use border-box sizing and images scale on mobile */
*, *::before, *::after {
    box-sizing: border-box;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}