/*
Theme Name: MedSlides 2
Author: ChatGPT
Description: Futuristic medical slide-based theme, mobile-optimized with animations and custom blocks.
Version: 2.0
*/
body{margin:0;font-family:Arial, sans-serif;background:#0a0f1c;color:#e8faff;}
.slide-container{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:20px;box-sizing:border-box;}
.slide-content{max-width:90%;text-align:center;animation:fadein 0.8s ease;}
button.slide-next{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);padding:14px 28px;background:#00e0ff;border:none;border-radius:10px;cursor:pointer;font-size:18px;}
@media(max-width:600px){
  .slide-content{font-size:18px;}
  button.slide-next{font-size:16px;padding:10px 20px;}
}
@keyframes fadein{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}
.fixed-ratio-container {
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.fixed-ratio-content {
  background: #f8f8f8;
  width: 56.25vw;
  height: 100vh;
  max-width: 100vw;
  max-height: 100vh;
  overflow: hidden;
  box-shadow: 0 0 24px rgba(0,0,0,0.1);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
@media (max-aspect-ratio: 9/16) {
  .fixed-ratio-content {
    width: 100vw;
    height: 177.78vw;
    max-height: 100vh;
  }
}
html, body {
  overflow: hidden;
  height: 100%;
}