:root{--color-primary: #175d86;--color-accent: #4fe0df;--color-muted: #9daaba;--color-white: #ffffff;--color-black: #000000;--gray-light: #f0f4f8;--gray-text: #666;--error-color: #d32f2f;--success-color: #4caf50;--gradient-2: linear-gradient(147deg, rgb(181 181 181) -1%, #c4e0ffba 11%, #175d86 33% 45%, #49eeff 100%);--gradient-1: linear-gradient( 135deg, var(--color-primary) 0%, #1e6d6c 100% );--gradient-3: linear-gradient(135deg, var(--color-primary) 0%, #4fe0df 100%);--gradient-4: linear-gradient( 90deg, rgba(255, 255, 255, 1) 0%, rgba(180, 220, 255, .8) 15%, #175d86 50%, #2dd4e0 80%, #8bffff 100% )}body{margin:-8px}.prymary-background{background:linear-gradient(135deg,#001e3ce6,#003c64cc),repeating-linear-gradient(45deg,rgba(255,255,255,.03) 0px,rgba(255,255,255,.03) 2px,transparent 2px,transparent 6px);display:flex;align-items:center;justify-content:center;overflow:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.prymary-background{position:relative;width:100%;min-height:100vh;background:radial-gradient(circle at center,#000,#05070b);overflow:hidden;align-items:stretch}.prymary-background:before{content:"";position:absolute;width:21%;height:49%;left:49%;top:66%;background:radial-gradient(circle at 70% 0%,#0077ff 0%,#00aaff 30%,#00ffcc 70%,transparent 100%);filter:blur(90px);transform:translate(-50%,-50%);border-radius:50%;animation:morphC 10s ease-in-out infinite}.prymary-background:after{content:"";position:absolute;width:27%;height:31%;left:15%;bottom:35%;background:radial-gradient(circle at 70% 50%,#0077ff 0%,#00aaff 30%,#00ffcc 70%,transparent 100%);filter:blur(90px);transform:translate(-50%,-50%);border-radius:50%;animation:morphB 14s ease-in-out infinite}.secundary-backgorund{position:absolute;width:26%;height:28%;right:-4%;top:27%;background:radial-gradient(circle at 30% 50%,#0077ff 0%,#00aaff 30%,#00ffcc 70%,transparent 100%);filter:blur(90px);transform:translate(-50%,-50%);border-radius:50%;animation:morphA 12s ease-in-out infinite}@keyframes morphA{0%{border-radius:50%}20%{border-radius:80% 30% 60% 20%}40%{border-radius:30% 70% 50% 80%}60%{border-radius:60% 30% 80% 40%}80%{border-radius:40% 85% 35% 65%}to{border-radius:50%}}@keyframes morphB{0%{border-radius:50%}15%{border-radius:65% 20% 75% 35%}35%{border-radius:30% 80% 30% 90%}55%{border-radius:85% 40% 20% 60%}75%{border-radius:25% 55% 85% 30%}to{border-radius:50%}}@keyframes morphC{0%{border-radius:50%}25%{border-radius:90% 25% 70% 10%}50%{border-radius:20% 85% 15% 95%}75%{border-radius:75% 20% 95% 25%}to{border-radius:50%}}