*{
  margin:0;
  padding:0;
  box-sizing:border-box;
  font-family:'Segoe UI',sans-serif;
}

body{
  background:#0b1220;
  color:#e5e7eb;
}

.container{
  max-width:1300px;
  margin:auto;
  padding:20px;
}

header{
  text-align:center;
  margin-bottom:25px;
}

header h1{
  color:#38bdf8;
  font-size:2.3rem;
}

header p{
  opacity:.8;
}

.main-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
  margin-bottom:25px;
}

.card{
  background:#020617;
  border-radius:18px;
  padding:15px;
  box-shadow:0 10px 30px rgba(0,0,0,.5);
}

.card h3{
  color:#7dd3fc;
  margin-bottom:10px;
  font-size:1.1rem;
}

video{
  width:100%;
  height:300px;
  object-fit:cover;
  border-radius:14px;
  border:2px solid #38bdf8;
}

.animation-box{
  height:300px;
  border-radius:14px;
  border:2px dashed #38bdf8;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  overflow:hidden;
}

.ecg{
  position:absolute;
  width:200%;
  height:2px;
  background:linear-gradient(90deg,transparent,#22d3ee,transparent);
  animation:ecgMove 1.5s linear infinite;
}

@keyframes ecgMove{
  from{transform:translateX(-50%)}
  to{transform:translateX(0)}
}

.voice-box{
  display:flex;
  align-items:center;
  gap:15px;
  margin-top:12px;
}

.voice-btn{
  padding:12px 18px;
  border:none;
  border-radius:14px;
  background:linear-gradient(135deg,#38bdf8,#6366f1);
  color:#020617;
  font-size:1rem;
  cursor:pointer;
}

.voice-wave{
  flex:1;
  height:40px;
  border-radius:12px;
  background:repeating-linear-gradient(
    90deg,
    #22d3ee,
    #22d3ee 5px,
    transparent 5px,
    transparent 10px
  );
  animation:wave 1s linear infinite;
}

@keyframes wave{
  from{background-position:0}
  to{background-position:40px}
}

textarea{
  width:100%;
  height:90px;
  border-radius:14px;
  padding:10px;
  background:#020617;
  color:#e5e7eb;
  border:1px solid #334155;
  resize:none;
}

footer{
  text-align:center;
  margin-top:30px;
  opacity:.5;
}

@media(max-width:900px){
  .main-grid{
    grid-template-columns:1fr;
  }
}
