.page-home{background:linear-gradient(135deg,#667eea,#764ba2)}.page-capture,.page-home{position:relative;overflow:hidden}.page-capture{background:linear-gradient(135deg,#11998e,#38ef7d)}.page-safetalk{background:linear-gradient(135deg,#fa709a,#fee140)}.page-analytics,.page-safetalk{position:relative;overflow:hidden}.page-analytics{background:linear-gradient(135deg,#a8edea,#fed6e3)}.page-loneworker{background:linear-gradient(135deg,#f093fb,#f5576c)}.page-loneworker,.page-teams{position:relative;overflow:hidden}.page-teams{background:linear-gradient(135deg,#4facfe,#00f2fe)}.page-profile{background:linear-gradient(135deg,#667eea,#764ba2)}.page-admin,.page-profile{position:relative;overflow:hidden}.page-admin{background:linear-gradient(135deg,#1e3c72,#2a5298)}.page-help{background:linear-gradient(135deg,#667eea,#764ba2 25%,#f093fb 50%,#f5576c 75%,#4facfe);background-size:400% 400%;animation:gradientShift 15s ease infinite;position:relative;overflow:hidden}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.glass-overlay{background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);box-shadow:0 8px 32px 0 rgba(31,38,135,.37)}.card-gradient-1{background:linear-gradient(135deg,#667eea,#764ba2);animation:gradientShift 10s ease infinite}.card-gradient-2{background:linear-gradient(135deg,#f093fb,#f5576c);animation:gradientShift 12s ease infinite}.card-gradient-3{background:linear-gradient(135deg,#4facfe,#00f2fe);animation:gradientShift 14s ease infinite}.card-gradient-4{background:linear-gradient(135deg,#43e97b,#38f9d7);animation:gradientShift 16s ease infinite}.floating{animation:floating 3s ease-in-out infinite}@keyframes floating{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.shimmer{background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.2) 20%,hsla(0,0%,100%,.5) 60%,hsla(0,0%,100%,0));animation:shimmer 2s infinite;transform:translateX(-100%)}@keyframes shimmer{to{transform:translateX(100%)}}.glow{animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{box-shadow:0 0 10px rgba(99,102,241,.5)}to{box-shadow:0 0 20px rgba(99,102,241,.8),0 0 30px rgba(99,102,241,.6)}}.particles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.particles:before{content:"";position:absolute;width:2px;height:2px;background:#fff;box-shadow:100px 100px #fff,200px 200px #fff,300px 50px #fff,400px 300px #fff,500px 150px #fff,100px 400px #fff,200px 500px #fff,300px 350px #fff,400px 450px #fff,500px 250px #fff;animation:particleFloat 20s linear infinite;opacity:.5}@keyframes particleFloat{0%{transform:translateY(0) translateX(0)}to{transform:translateY(-100vh) translateX(100px)}}