/* Global base */
html {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

body { 
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; 
  background: #000e55;
  background-image: 
    radial-gradient(2px 2px at 20px 30px, #eee, transparent),
    radial-gradient(2px 2px at 40px 70px, rgba(255,255,255,0.8), transparent),
    radial-gradient(1px 1px at 90px 40px, #fff, transparent),
    radial-gradient(1px 1px at 130px 80px, rgba(255,255,255,0.6), transparent),
    radial-gradient(2px 2px at 160px 30px, #ddd, transparent);
  background-repeat: repeat;
  background-size: 200px 100px;
  margin: 0!important; 
  padding: 0;
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  box-sizing: border-box;
  
  overflow: visible;

}


@media (min-width: 768px) {
  content-paddings {
    padding: 0 30px;
  }
}
@media (max-width: 767px) {
  content-paddings {
    padding: 0 15px;
  }
}

.logo {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin-right: 8px;
  vertical-align: middle;
  display: inline-block;
}
h1 {
  font-size: 1.6em;
}

p {
  margin:  0;
}

/* Containers */
.container { 
 
  border-radius: 16px; 
  padding: 30px 60px; 
  position: relative;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

@media (max-width: 1024px) {
  .container {
    padding: 30px 40px;
  }
}

@media (max-width: 768px) {
  .container {
    width: 100%;
    max-width: 100%;
    margin: 0;
    border-radius: 0;
    padding: 15px;
    box-sizing: border-box;
  }
}

.container.mw600px {
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
}

body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; background:#f6f7fb;}
body.cabinet-page { background: #f5f3ed; }
.tg-btn-small:hover { background: #1e8bc4; }