* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  }

body {
min-height: 100vh;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, Helvetica, sans-serif;
color: #ffffff;
background: #08070b;
overflow: hidden;
}

#backgroundVideo {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
filter: blur(3px) brightness(0.70);
z-index: 0;
}

.overlay {
position: fixed;
inset: 0;
background: linear-gradient(
180deg,
rgba(10, 5, 15, 0.20),
rgba(5, 3, 10, 0.65)
);
z-index: 1;
pointer-events: none;
}

.page {
position: relative;
z-index: 2;
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
}

.card {
width: 100%;
max-width: 360px;
padding: 34px 26px;
text-align: center;
background: rgba(8, 7, 12, 0.84);
border: 1px solid rgba(255, 255, 255, 0.10);
border-radius: 20px;
backdrop-filter: blur(14px);
-webkit-backdrop-filter: blur(14px);
box-shadow: 0 15px 50px rgba(0, 0, 0, 0.60);
}

h1 {
font-size: 23px;
line-height: 1.35;
font-weight: 700;
margin-bottom: 12px;
letter-spacing: 0.2px;
text-shadow: 0 2px 10px rgba(0, 0, 0, 0.40);
}

.description {
color: rgba(255, 255, 255, 0.65);
font-size: 14px;
line-height: 1.5;
margin-bottom: 26px;
}

.buttons {
display: flex;
flex-direction: column;
gap: 12px;
}

.btn {
width: 100%;
padding: 14px 18px;
border: none;
border-radius: 12px;
font-size: 16px;
font-weight: 700;
cursor: pointer;
transition: transform 0.2s ease, opacity 0.2s ease;
}

.btn-yes {
color: #ffffff;
background: linear-gradient(135deg, #ff1f8f, #a020f0);
box-shadow: 0 8px 25px rgba(255, 31, 143, 0.25);
}

.btn-no {
color: rgba(255, 255, 255, 0.70);
background: rgba(255, 255, 255, 0.07);
border: 1px solid rgba(255, 255, 255, 0.10);
}

.btn:hover {
transform: translateY(-1px);
opacity: 0.92;
}

.btn:active {
transform: scale(0.98);
}

footer {
position: fixed;
left: 0;
right: 0;
bottom: 10px;
z-index: 3;
padding: 0 15px;
text-align: center;
font-size: 11px;
color: rgba(255, 255, 255, 0.38);
}

@media (max-width: 480px) {
.card {
padding: 30px 22px;
}

```
h1 {
    font-size: 21px;
}

.description {
    font-size: 13px;
}
```

}