body { margin: 0; padding: 0; background: #050505; color: #fff; font-family: 'Georgia', serif; display: flex; align-items: center; justify-content: center; height: 100vh; overflow: hidden; }
        .login-card { background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(10px); padding: 40px; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.1); text-align: center; box-shadow: 0 0 50px rgba(0, 0, 0, 0.5); width: 300px; z-index: 10; }
        h1 { font-weight: 300; letter-spacing: 2px; margin-bottom: 30px; font-size: 24px; }
        input { width: 100%; padding: 12px; margin-bottom: 20px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 8px; color: ####ffffff; text-align: center; box-sizing: border-box; outline: none; transition: 0.3s; }
        input:focus { border-color: #ff69b4; background: rgba(255, 255, 255, 0.15); }
        button { width: 100%; padding: 12px; background: #ff69b4; border: none; border-radius: 8px; color: white; cursor: pointer; font-size: 16px; transition: 0.3s; }
        button:hover { background: #ff1493; transform: translateY(-2px); box-shadow: 0 5px 15px rgba(255, 105, 180, 0.4); }
        /* Фон со звездами (простой эффект) */
        .stars { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('assets/images/prologue_bg.jpg') center/cover; opacity: 0.5; z-index: 1; }