.contenedor-principal{background-color:#fff;background-image:radial-gradient(#0000001a,#0000000d 2px,#0000 40px),radial-gradient(#00000014,#0000000a 1px,#0000 30px),radial-gradient(#0000000f,#00000008 2px,#0000 40px);background-position:0 0,40px 60px,130px 270px;background-size:550px 550px,350px 350px,250px 250px;justify-content:center;gap:20px;transition:background-color .3s,box-shadow .3s;display:flex;box-shadow:inset 0 0 100px #0066ff1a}.dark .contenedor-principal{background-color:#020617;background-image:radial-gradient(#fff,#fff3 2px,#0000 40px),radial-gradient(#fff,#ffffff26 1px,#0000 30px),radial-gradient(#fff,#ffffff1a 2px,#0000 40px);box-shadow:inset 0 0 100px #06f3}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;padding:2rem;transition:transform .3s;position:relative;overflow:hidden;box-shadow:0 8px 12px -4px #0000004d}.card:hover{border:1px solid #0077ff80;transform:translateY(-10px);box-shadow:0 0 60px #0077ff4d}