body {
            font-family: 'Lora', serif;
        }
        
        body::before {
            content: '';
            position: fixed;
            /* stays in place when scrolling */
            inset: 0;
            /* full screen */
            background: url('https://cdn.dalenmc.no/assets/DalenMC-Logo.png') center center / 200px auto repeat;
            opacity: 0.05;
            /* subtle wallpaper effect */
            pointer-events: none;
            /* allows clicks through the logo */
            z-index: -1;
            /* behind all content */
        }

        .input-field {
            width: 100%;
            background: rgba(255, 255, 255, 0.06);
            border: 1px solid rgba(255, 255, 255, 0.12);
            color: white;
            border-radius: 12px;
            padding: 14px 16px;
            outline: none;
            transition: 0.2s ease;
        }

        .input-field:focus {
            border-color: rgba(251, 191, 36, 0.8);
            box-shadow: 0 0 0 3px rgba(251, 191, 36, 0.15);
        }

        .input-field::placeholder {
            color: rgba(255, 255, 255, 0.45);
        }