*{margin:0;padding:0;box-sizing:border-box}
html,body{min-height:100vh;background:#000}
body{
    background-image:url('/uploads/backgrounds/nature_bg_1.png');
    background-size:cover;
    background-position:center;
    background-attachment:fixed;
    background-repeat:no-repeat;
    position:relative;
    font-family:'Cairo',sans-serif;
    transition: background-image 1s ease-in-out;
}
body::before{
    content:'';
    position:fixed;
    inset:0;
    background:linear-gradient(135deg,rgba(0,0,0,0.4),rgba(0,0,0,0.2),rgba(0,0,0,0.4));
    z-index:0;
    pointer-events:none;
}
body>*{position:relative;z-index:1}
.card,.panel,.container{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:15px}