html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(
        circle at 50% 50%,
        #0b1220 0%,
        #060a11 100%
    );
    font-family: "Inter", "Segoe UI", sans-serif;
    color: #F6FFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.container {
    max-width: 700px;
    text-align: center;
    padding: 40px;
    background: rgba(14,22,35,0.55);
    border-radius: 20px;
    backdrop-filter: blur(20px);
    box-shadow:
        0 0 30px rgba(90,237,255,0.15),
        0 0 60px rgba(159,248,213,0.1);
    border: 1px solid rgba(90,237,255,0.35);
}

.title {
    font-size: 2.4rem;
    margin-bottom: 10px;
    color: #5AEDFF;
    text-shadow:
        0 0 10px rgba(90,237,255,0.9),
        0 0 30px rgba(159,248,213,0.5);
}

.subtitle {
    font-size: 1.2rem;
    opacity: 0.85;
    margin-bottom: 25px;
}

.highlight {
    color: #9FF8D5;
    text-shadow: 0 0 8px rgba(159,248,213,0.6);
}

.desc {
    font-size: 1rem;
    opacity: 0.8;
    margin-bottom: 30px;
}

.rights {
    font-size: 0.85rem;
    opacity: 0.6;
    margin-top: 20px;
}